@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;1,100;1,200&family=Urbanist:wght@100&display=swap);
@import url(https://fonts.cdnfonts.com/css/open-sans);
@import url(https://fonts.cdnfonts.com/css/poppins);

/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
    tab-size: 4;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

fieldset,
ol,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

html {
    font-family: Rubik;
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #a1a1aa
}

[role=button],
button {
    cursor: pointer
}

:-moz-focusring {
    outline: auto
}

table {
    border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-color: currentColor;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-backdrop-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-opacity: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.\!absolute {
    position: absolute !important
}

.relative {
    position: relative
}

.\!relative {
    position: relative !important
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-1\/2 {
    left: 50%;
    right: 50%
}

.-right-1\/2 {
    right: -50%
}

.-top-1\/2 {
    top: -50%
}

.left-1\/2 {
    left: 50%
}

.-bottom-1\/2 {
    bottom: -50%
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-5 {
    right: 1.25rem
}

.bottom-24 {
    bottom: 6rem
}

.left-4 {
    left: 1rem
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

.bottom-\[-10px\] {
    bottom: -10px
}

.top-1 {
    top: .25rem
}

.right-1\.5 {
    right: .375rem
}

.right-1 {
    right: .25rem
}

.top-9 {
    top: 2.25rem
}

.right-10 {
    right: 2.5rem
}

.top-4 {
    top: 1rem
}

.left-5 {
    left: 1.25rem
}

.top-2 {
    top: .5rem
}

.right-2 {
    right: .5rem
}

.-top-2\.5 {
    top: -.625rem
}

.-top-2 {
    top: -.5rem
}

.top-1\/2 {
    top: 50%
}

.top-\[-0\.75px\] {
    top: -.75px
}

.top-\[-1\.25px\] {
    top: -1.25px
}

.-top-1\.5 {
    top: -.375rem
}

.-right-1\.5 {
    right: -.375rem
}

.-top-1 {
    top: -.25rem
}

.-right-1 {
    right: -.25rem
}

.right-3 {
    right: .75rem
}

.top-full {
    top: 100%
}

.right-3\.5 {
    right: .875rem
}

.bottom-\[-52px\] {
    bottom: -52px
}

.left-\[142px\] {
    left: 142px
}

.-bottom-1 {
    bottom: -.25rem
}

.-top-12 {
    top: -3rem
}

.top-\[-60px\] {
    top: -60px
}

.-left-5 {
    left: -1.25rem
}

.-right-5 {
    right: -1.25rem
}

.top-20 {
    top: 5rem
}

.top-\[-80px\] {
    top: -80px
}

.top-\[35px\] {
    top: 35px
}

.left-\[250px\] {
    left: 250px
}

.top-\[-95px\] {
    top: -95px
}

.right-\[-100px\] {
    right: -100px
}

.-left-2 {
    left: -.5rem
}

.left-1\/3 {
    left: 33.333333%
}

.right-1\/3 {
    right: 33.333333%
}

.-top-9 {
    top: -2.25rem
}

.top-2\.5 {
    top: .625rem
}

.right-2\.5 {
    right: .625rem
}

.right-\[10\%\] {
    right: 10%
}

.right-\[60px\] {
    right: 60px
}

.right-\[40px\] {
    right: 40px
}

.right-\[20px\] {
    right: 20px
}

.left-\[35\%\] {
    left: 35%
}

.top-3 {
    top: .75rem
}

.top-\[-100\%\] {
    top: -100%
}

.right-4 {
    right: 1rem
}

.right-\[30px\] {
    right: 30px
}

.top-\[16px\] {
    top: 16px
}

.bottom-3 {
    bottom: .75rem
}

.-right-3\/4 {
    right: -75%
}

.bottom-full {
    bottom: 100%
}

.top-\[-16px\] {
    top: -16px
}

.bottom-\[-45px\] {
    bottom: -45px
}

.right-\[100px\] {
    right: 100px
}

.right-\[-10px\] {
    right: -10px
}

.top-\[-40px\] {
    top: -40px
}

.bottom-\[-135px\] {
    bottom: -135px
}

.right-\[-35px\] {
    right: -35px
}

.top-\[-150px\] {
    top: -150px
}

.top-\[-50px\] {
    top: -50px
}

.left-\[95px\] {
    left: 95px
}

.right-\[120px\] {
    right: 120px
}

.top-\[-45px\] {
    top: -45px
}

.right-\[-3\%\] {
    right: -3%
}

.left-\[-37px\] {
    left: -37px
}

.right-\[-37px\] {
    right: -37px
}

.-left-1\.5 {
    left: -.375rem
}

.-left-1 {
    left: -.25rem
}

.top-14 {
    top: 3.5rem
}

.-right-10 {
    right: -2.5rem
}

.-right-0\.5 {
    right: -.125rem
}

.-top-0\.5 {
    top: -.125rem
}

.-right-0 {
    right: 0
}

.-top-0 {
    top: 0
}

.-right-3 {
    right: -.75rem
}

.-bottom-10 {
    bottom: -2.5rem
}

.left-6 {
    left: 1.5rem
}

.-top-8 {
    top: -2rem
}

.left-\[22\%\] {
    left: 22%
}

.-bottom-14 {
    bottom: -3.5rem
}

.bottom-\[100px\] {
    bottom: 100px
}

.left-\[100px\] {
    left: 100px
}

.top-\[-85px\] {
    top: -85px
}

.left-2 {
    left: .5rem
}

.top-\[0\.5px\] {
    top: .5px
}

.top-\[10\%\] {
    top: 10%
}

.left-\[20\%\] {
    left: 20%
}

.top-\[50\%\] {
    top: 50%
}

.left-\[5\%\] {
    left: 5%
}

.bottom-\[-15\%\] {
    bottom: -15%
}

.top-\[-14px\] {
    top: -14px
}

.bottom-1\.5 {
    bottom: .375rem
}

.left-\[12\%\] {
    left: 12%
}

.bottom-1 {
    bottom: .25rem
}

.bottom-4 {
    bottom: 1rem
}

.left-\[-25\%\] {
    left: -25%
}

.left-\[-130px\] {
    left: -130px
}

.left-\[-2\%\] {
    left: -2%
}

.top-\[85px\] {
    top: 85px
}

.left-\[260px\] {
    left: 260px
}

.bottom-\[-100px\] {
    bottom: -100px
}

.top-\[90px\] {
    top: 90px
}

.left-\[350px\] {
    left: 350px
}

.bottom-\[-120px\] {
    bottom: -120px
}

.top-\[93px\] {
    top: 93px
}

.left-\[-115px\] {
    left: -115px
}

.top-\[-30px\] {
    top: -30px
}

.left-\[225px\] {
    left: 225px
}

.left-\[-135px\] {
    left: -135px
}

.left-\[177px\] {
    left: 177px
}

.top-8 {
    top: 2rem
}

.-bottom-12 {
    bottom: -3rem
}

.-bottom-1\/4 {
    bottom: -25%
}

.top-110px {
    top: 110px
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-\[-95\.5\%\] {
    bottom: -95.5%
}

.bottom-\[-34px\] {
    bottom: -34px
}

.bottom-\[-5px\] {
    bottom: -5px
}

.left-\[75px\] {
    left: 75px
}

.left-\[-9px\] {
    left: -9px
}

.right-\[-9px\] {
    right: -9px
}

.left-\[425px\] {
    left: 425px
}

.top-\[-10px\] {
    top: -10px
}

.top-5 {
    top: 1.25rem
}

.-left-1\/2 {
    left: -50%
}

.-right-2 {
    right: -.5rem
}

.top-\[184px\] {
    top: 184px
}

.left-\[10\%\] {
    left: 10%
}

.bottom-\[10\%\] {
    bottom: 10%
}

.left-\[16\%\] {
    left: 16%
}

.top-\[14\%\] {
    top: 14%
}

.top-\[55\%\] {
    top: 55%
}

.left-3\/4 {
    left: 75%
}

.top-3\/4 {
    top: 75%
}

.top-3\.5 {
    top: .875rem
}

.bottom-\[-20px\] {
    bottom: -20px
}

.top-\[0px\] {
    top: 0
}

.top-\[-0\.25px\] {
    top: -.25px
}

.-top-36 {
    top: -9rem
}

.left-11 {
    left: 2.75rem
}

.right-\[80px\] {
    right: 80px
}

.top-\[60px\] {
    top: 60px
}

.top-\[60\%\] {
    top: 60%
}

.bottom-10 {
    bottom: 2.5rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.left-2\.5 {
    left: .625rem
}

.-right-2\.5 {
    right: -.625rem
}

.right-\[-5px\] {
    right: -5px
}

.bottom-7 {
    bottom: 1.75rem
}

.\!bottom-0 {
    bottom: 0 !important
}

.\!right-0 {
    right: 0 !important
}

.\!bottom-1 {
    bottom: .25rem !important
}

.right-25 {
    right: 6.25rem
}

.top-\[-15px\] {
    top: -15px
}

.right-\[280px\] {
    right: 280px
}

.top-10 {
    top: 2.5rem
}

.right-8 {
    right: 2rem
}

.bottom-\[-15px\] {
    bottom: -15px
}

.bottom-\[10px\] {
    bottom: 10px
}

.top-\[-230px\] {
    top: -230px
}

.left-\[200px\] {
    left: 200px
}

.right-\[-70px\] {
    right: -70px
}

.top-\[-300px\] {
    top: -300px
}

.top-\[80px\] {
    top: 80px
}

.\!left-0 {
    left: 0 !important
}

.top-\[30px\] {
    top: 30px
}

.\!bottom-\[0px\] {
    bottom: 0 !important
}

.\!right-9 {
    right: 2.25rem !important
}

.\!right-\[300px\] {
    right: 300px !important
}

.bottom-\[-2\.5px\] {
    bottom: -2.5px
}

.bottom-\[-30px\] {
    bottom: -30px
}

.right-\[10px\] {
    right: 10px
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-999999 {
    z-index: 999999
}

.z-40 {
    z-index: 40
}

.z-\[2147483602\] {
    z-index: 2147483602
}

.z-\[999\] {
    z-index: 999
}

.z-\[-11\] {
    z-index: -11
}

.z-\[11\] {
    z-index: 11
}

.z-\[10\] {
    z-index: 10
}

.z-30 {
    z-index: 30
}

.z-3 {
    z-index: 3
}

.z-\[1\] {
    z-index: 1
}

.z-\[0\] {
    z-index: 0
}

.z-\[1111\] {
    z-index: 1111
}

.z-\[30\] {
    z-index: 30
}

.z-\[111\] {
    z-index: 111
}

.z-\[20\] {
    z-index: 20
}

.z-\[-1\] {
    z-index: -1
}

.z-\[99999\] {
    z-index: 99999
}

.z-\[2\] {
    z-index: 2
}

.z-\[-0\] {
    z-index: 0
}

.order-2 {
    order: 2
}

.order-1 {
    order: 1
}

.\!order-8 {
    order: 8 !important
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-4 {
    grid-column: span 4/span 4
}

.float-left {
    float: left
}

.\!m-0 {
    margin: 0 !important
}

.m-auto {
    margin: auto
}

.m-1 {
    margin: .25rem
}

.-m-1 {
    margin: -.25rem
}

.m-2 {
    margin: .5rem
}

.-m-2 {
    margin: -.5rem
}

.-m-7\.5 {
    margin: -1.875rem
}

.-m-7 {
    margin: -1.75rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.my-25 {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem
}

.my-7\.5 {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-13 {
    margin-left: 3.125rem;
    margin-right: 3.125rem
}

.mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

.\!my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-\[40px\] {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-\[55px\] {
    margin-top: 55px;
    margin-bottom: 55px
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-7\.5 {
    margin-left: 1.875rem;
    margin-right: 1.875rem
}

.mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.-mx-7\.5 {
    margin-left: -1.875rem;
    margin-right: -1.875rem
}

.-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem
}

.-mx-2\.5 {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.mx-px {
    margin-left: 1px;
    margin-right: 1px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mb-15 {
    margin-bottom: 3.75rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-7\.5 {
    margin-bottom: 1.875rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-1 {
    margin-right: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-1 {
    margin-left: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.-mb-px {
    margin-bottom: -1px
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-0 {
    margin-bottom: 0
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-auto {
    margin-top: auto
}

.ml-5 {
    margin-left: 1.25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-auto {
    margin-left: auto
}

.\!mt-1 {
    margin-top: .25rem !important
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-4 {
    margin-right: 1rem
}

.\!mt-4 {
    margin-top: 1rem !important
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mr-auto {
    margin-right: auto
}

.\!mb-1\.5 {
    margin-bottom: .375rem !important
}

.\!mb-2\.5 {
    margin-bottom: .625rem !important
}

.\!mb-1 {
    margin-bottom: .25rem !important
}

.\!mb-2 {
    margin-bottom: .5rem !important
}

.-ml-2\.5 {
    margin-left: -.625rem
}

.-mr-2\.5 {
    margin-right: -.625rem
}

.\!mb-3 {
    margin-bottom: .75rem !important
}

.-ml-2 {
    margin-left: -.5rem
}

.-mr-2 {
    margin-right: -.5rem
}

.\!mt-0 {
    margin-top: 0 !important
}

.ml-0 {
    margin-left: 0
}

.-mr-10 {
    margin-right: -2.5rem
}

.ml-7\.5 {
    margin-left: 1.875rem
}

.ml-7 {
    margin-left: 1.75rem
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[32px\] {
    margin-top: 32px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-7\.5 {
    margin-top: 1.875rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-13 {
    margin-bottom: 3.125rem
}

.mr-7\.5 {
    margin-right: 1.875rem
}

.mr-7 {
    margin-right: 1.75rem
}

.mb-25 {
    margin-bottom: 6.25rem
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-1 {
    margin-top: .25rem
}

.\!mb-5 {
    margin-bottom: 1.25rem !important
}

.mt-8 {
    margin-top: 2rem
}

.mt-16 {
    margin-top: 4rem
}

.ml-10 {
    margin-left: 2.5rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-\[50px\] {
    margin-bottom: 50px
}

.mb-\[38px\] {
    margin-bottom: 38px
}

.mt-\[40px\] {
    margin-top: 40px
}

.ml-\[10px\] {
    margin-left: 10px
}

.mt-\[5px\] {
    margin-top: 5px
}

.\!mt-\[30px\] {
    margin-top: 30px !important
}

.mt-\[60px\] {
    margin-top: 60px
}

.\!mr-2\.5 {
    margin-right: .625rem !important
}

.\!mr-2 {
    margin-right: .5rem !important
}

.\!mt-5 {
    margin-top: 1.25rem !important
}

.mr-10 {
    margin-right: 2.5rem
}

.mt-\[18px\] {
    margin-top: 18px
}

.-mt-20 {
    margin-top: -5rem
}

.ml-\[55px\] {
    margin-left: 55px
}

.mr-\[50px\] {
    margin-right: 50px
}

.mt-\[26px\] {
    margin-top: 26px
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-\[-50px\] {
    margin-bottom: -50px
}

.mr-3\.5 {
    margin-right: .875rem
}

.mr-3 {
    margin-right: .75rem
}

.ml-\[100px\] {
    margin-left: 100px
}

.\!mt-2\.5 {
    margin-top: .625rem !important
}

.\!mt-2 {
    margin-top: .5rem !important
}

.-mr-7\.5 {
    margin-right: -1.875rem
}

.-ml-7\.5 {
    margin-left: -1.875rem
}

.-mr-7 {
    margin-right: -1.75rem
}

.-ml-7 {
    margin-left: -1.75rem
}

.ml-\[98px\] {
    margin-left: 98px
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.ml-\[4px\] {
    margin-left: 4px
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[25px\] {
    margin-top: 25px
}

.mr-\[12px\] {
    margin-right: 12px
}

.ml-\[8px\] {
    margin-left: 8px
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-\[50px\] {
    margin-top: 50px
}

.mb-auto {
    margin-bottom: auto
}

.-mt-10 {
    margin-top: -2.5rem
}

.ml-4 {
    margin-left: 1rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[6px\] {
    margin-right: 6px
}

.mt-15 {
    margin-top: 3.75rem
}

.mt-12 {
    margin-top: 3rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mt-\[34px\] {
    margin-top: 34px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mt-\[52px\] {
    margin-top: 52px
}

.mr-\[40px\] {
    margin-right: 40px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.\!flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.\!hidden {
    display: none !important
}

.h-6 {
    height: 1.5rem
}

.h-full {
    height: 100%
}

.h-900px {
    height: 900px
}

.h-7\.5 {
    height: 1.875rem
}

.h-7 {
    height: 1.75rem
}

.h-screen {
    height: 100vh
}

.h-10 {
    height: 2.5rem
}

.h-5 {
    height: 1.25rem
}

.h-18px {
    height: 18px
}

.\!h-6 {
    height: 1.5rem !important
}

.h-\[200px\] {
    height: 200px
}

.h-\[36px\] {
    height: 36px
}

.h-2 {
    height: .5rem
}

.h-\[70\%\] {
    height: 70%
}

.h-\[30px\] {
    height: 30px
}

.h-12 {
    height: 3rem
}

.h-2\.5 {
    height: .625rem
}

.h-1 {
    height: .25rem
}

.h-\[22px\] {
    height: 22px
}

.h-4 {
    height: 1rem
}

.h-11 {
    height: 2.75rem
}

.h-\[87px\] {
    height: 87px
}

.h-\[52px\] {
    height: 52px
}

.h-\[29px\] {
    height: 29px
}

.h-\[20px\] {
    height: 20px
}

.h-\[90px\] {
    height: 90px
}

.h-\[62px\] {
    height: 62px
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-\[1000px\] {
    height: 1000px
}

.h-\[75px\] {
    height: 75px
}

.h-\[40px\] {
    height: 40px
}

.h-\[60px\] {
    height: 60px
}

.h-\[295px\] {
    height: 295px
}

.h-80px {
    height: 80px
}

.h-720px {
    height: 720px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[250px\] {
    height: 250px
}

.h-20 {
    height: 5rem
}

.h-\[100px\] {
    height: 100px
}

.h-30 {
    height: 7.5rem
}

.h-80 {
    height: 20rem
}

.h-450px {
    height: 450px
}

.h-\[130px\] {
    height: 130px
}

.h-300px {
    height: 300px
}

.h-15 {
    height: 3.75rem
}

.h-48 {
    height: 12rem
}

.h-16 {
    height: 4rem
}

.h-\[251px\] {
    height: 251px
}

.h-\[70px\] {
    height: 70px
}

.h-\[25px\] {
    height: 25px
}

.h-550px {
    height: 550px
}

.h-120px {
    height: 120px
}

.h-\[600px\] {
    height: 600px
}

.h-\[24px\] {
    height: 24px
}

.h-\[150px\] {
    height: 150px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[80px\] {
    height: 80px
}

.h-\[163px\] {
    height: 163px
}

.h-\[35px\] {
    height: 35px
}

.h-8 {
    height: 2rem
}

.h-\[425px\] {
    height: 425px
}

.h-\[18px\] {
    height: 18px
}

.h-3\.5 {
    height: .875rem
}

.h-\[81px\] {
    height: 81px
}

.h-\[1117px\] {
    height: 1117px
}

.h-\[280px\] {
    height: 280px
}

.h-\[261px\] {
    height: 261px
}

.h-\[152px\] {
    height: 152px
}

.h-\[270px\] {
    height: 270px
}

.h-240px {
    height: 240px
}

.h-\[45vh\] {
    height: 45vh
}

.h-\[300px\] {
    height: 300px
}

.h-\[128px\] {
    height: 128px
}

.h-\[50px\] {
    height: 50px
}

.h-\[210px\] {
    height: 210px
}

.h-\[350px\] {
    height: 350px
}

.h-\[255px\] {
    height: 255px
}

.h-\[32px\] {
    height: 32px
}

.h-\[124px\] {
    height: 124px
}

.h-\[125px\] {
    height: 125px
}

.h-\[80\%\] {
    height: 80%
}

.h-\[6px\] {
    height: 6px
}

.h-\[220px\] {
    height: 220px
}

.h-\[120px\] {
    height: 120px
}

.h-\[115px\] {
    height: 115px
}

.h-\[60\%\] {
    height: 60%
}

.h-\[40vh\] {
    height: 40vh
}

.h-auto {
    height: auto
}

.h-\[7\%\] {
    height: 7%
}

.h-\[700px\] {
    height: 700px
}

.h-\[74\%\] {
    height: 74%
}

.h-\[62\%\] {
    height: 62%
}

.h-\[85\%\] {
    height: 85%
}

.h-\[65\%\] {
    height: 65%
}

.h-\[390px\] {
    height: 390px
}

.h-\[260px\] {
    height: 260px
}

.h-\[145px\] {
    height: 145px
}

.h-\[110px\] {
    height: 110px
}

.h-52 {
    height: 13rem
}

.h-388px {
    height: 388px
}

.h-\[1px\] {
    height: 1px
}

.h-\[101\%\] {
    height: 101%
}

.h-1\.5 {
    height: .375rem
}

.h-\[296px\] {
    height: 296px
}

.h-\[127px\] {
    height: 127px
}

.h-\[205px\] {
    height: 205px
}

.h-\[53px\] {
    height: 53px
}

.h-\[240px\] {
    height: 240px
}

.h-\[259px\] {
    height: 259px
}

.h-\[63px\] {
    height: 63px
}

.h-32 {
    height: 8rem
}

.h-180px {
    height: 180px
}

.h-\[106px\] {
    height: 106px
}

.h-\[70vh\] {
    height: 70vh
}

.h-60 {
    height: 15rem
}

.h-\[46px\] {
    height: 46px
}

.h-\[650px\] {
    height: 650px
}

.h-\[112px\] {
    height: 112px
}

.h-\[90\%\] {
    height: 90%
}

.h-60px {
    height: 60px
}

.h-13 {
    height: 3.25rem
}

.h-6\.5 {
    height: 1.625rem
}

.h-\[338px\] {
    height: 338px
}

.h-\[209px\] {
    height: 209px
}

.h-\[84px\] {
    height: 84px
}

.h-\[410px\] {
    height: 410px
}

.h-\[140px\] {
    height: 140px
}

.h-\[130\%\] {
    height: 130%
}

.h-34 {
    height: 8.5rem
}

.h-170px {
    height: 170px
}

.\!h-15 {
    height: 3.75rem !important
}

.\!h-12 {
    height: 3rem !important
}

.\!h-32 {
    height: 8rem !important
}

.h-40 {
    height: 10rem
}

.\!h-\[225px\] {
    height: 225px !important
}

.\!h-full {
    height: 100% !important
}

.\!h-\[230px\] {
    height: 230px !important
}

.\!h-\[110\%\] {
    height: 110% !important
}

.h-\[225px\] {
    height: 225px
}

.h-\[43px\] {
    height: 43px
}

.h-\[26px\] {
    height: 26px
}

.h-\[320px\] {
    height: 320px
}

.\!h-\[100\%\] {
    height: 100% !important
}

.\!h-\[150px\] {
    height: 150px !important
}

.h-\[100\%\] {
    height: 100%
}

.h-\[400px\] {
    height: 400px
}

.h-\[165px\] {
    height: 165px
}

.h-\[121px\] {
    height: 121px
}

.h-\[439px\] {
    height: 439px
}

.max-h-\[80vh\] {
    max-height: 80vh
}

.max-h-180px {
    max-height: 180px
}

.max-h-\[158px\] {
    max-height: 158px
}

.max-h-250px {
    max-height: 250px
}

.max-h-full {
    max-height: 100%
}

.max-h-350px {
    max-height: 350px
}

.max-h-\[110\%\] {
    max-height: 110%
}

.max-h-\[150px\] {
    max-height: 150px
}

.max-h-\[70vh\] {
    max-height: 70vh
}

.\!max-h-\[75vh\] {
    max-height: 75vh !important
}

.max-h-42px {
    max-height: 42px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.max-h-1\/2 {
    max-height: 50vh
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[140\%\] {
    max-height: 140%
}

.max-h-\[65\%\] {
    max-height: 65%
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[25px\] {
    max-height: 25px
}

.max-h-\[5\.4rem\] {
    max-height: 5.4rem
}

.max-h-\[50px\] {
    max-height: 50px
}

.max-h-\[350px\] {
    max-height: 350px
}

.max-h-\[296px\] {
    max-height: 296px
}

.max-h-\[135px\] {
    max-height: 135px
}

.max-h-\[75vh\] {
    max-height: 75vh
}

.max-h-\[570px\] {
    max-height: 570px
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-52 {
    max-height: 13rem
}

.max-h-56 {
    max-height: 14rem
}

.max-h-\[300px\] {
    max-height: 300px
}

.max-h-\[100px\] {
    max-height: 100px
}

.max-h-\[90px\] {
    max-height: 90px
}

.max-h-\[60px\] {
    max-height: 60px
}

.max-h-\[130px\] {
    max-height: 130px
}

.max-h-450px {
    max-height: 450px
}

.max-h-6 {
    max-height: 1.5rem
}

.max-h-\[1000px\] {
    max-height: 1000px
}

.min-h-90 {
    min-height: 370px
}

.min-h-screen {
    min-height: 100vh
}

.min-h-programDashboard {
    min-height: 224px
}

.min-h-158px {
    min-height: 158px
}

.min-h-180px {
    min-height: 180px
}

.min-h-200px {
    min-height: 200px
}

.min-h-\[190px\] {
    min-height: 190px
}

.min-h-50px {
    min-height: 50px
}

.min-h-380px {
    min-height: 380px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[143px\] {
    min-height: 143px
}

.min-h-\[300px\] {
    min-height: 300px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[47px\] {
    min-height: 47px
}

.min-h-\[240px\] {
    min-height: 240px
}

.min-h-\[474px\] {
    min-height: 474px
}

.min-h-\[70vh\] {
    min-height: 70vh
}

.min-h-\[120px\] {
    min-height: 120px
}

.min-h-\[80vh\] {
    min-height: 80vh
}

.min-h-\[220px\] {
    min-height: 220px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[50vh\] {
    min-height: 50vh
}

.min-h-\[268px\] {
    min-height: 268px
}

.min-h-\[400px\] {
    min-height: 400px
}

.min-h-\[175px\] {
    min-height: 175px
}

.min-h-\[164px\] {
    min-height: 164px
}

.min-h-\[180px\] {
    min-height: 180px
}

.min-h-\[160px\] {
    min-height: 160px
}

.min-h-\[362px\] {
    min-height: 362px
}

.min-h-\[44px\] {
    min-height: 44px
}

.min-h-550px {
    min-height: 550px
}

.min-h-\[24px\] {
    min-height: 24px
}

.min-h-\[125px\] {
    min-height: 125px
}

.min-h-\[43px\] {
    min-height: 43px
}

.min-h-\[810px\] {
    min-height: 810px
}

.min-h-\[88px\] {
    min-height: 88px
}

.min-h-340px {
    min-height: 340px
}

.min-h-\[26px\] {
    min-height: 26px
}

.min-h-\[296px\] {
    min-height: 296px
}

.w-6 {
    width: 1.5rem
}

.w-full {
    width: 100%
}

.w-900px {
    width: 900px
}

.w-7\.5 {
    width: 1.875rem
}

.w-7 {
    width: 1.75rem
}

.w-max {
    width: max-content
}

.w-screen {
    width: 100vw
}

.w-4 {
    width: 1rem
}

.w-10 {
    width: 2.5rem
}

.w-5 {
    width: 1.25rem
}

.w-18px {
    width: 18px
}

.\!w-6 {
    width: 1.5rem !important
}

.w-\[1px\] {
    width: 1px
}

.w-auto {
    width: auto
}

.w-20 {
    width: 5rem
}

.w-\[120px\] {
    width: 120px
}

.w-\[330px\] {
    width: 330px
}

.\!w-40 {
    width: 10rem !important
}

.w-\[30px\] {
    width: 30px
}

.w-5\/12 {
    width: 41.666667%
}

.w-2\/3 {
    width: 66.666667%
}

.w-9 {
    width: 2.25rem
}

.w-2\.5 {
    width: .625rem
}

.w-2 {
    width: .5rem
}

.w-1 {
    width: .25rem
}

.w-\[22px\] {
    width: 22px
}

.w-\[50px\] {
    width: 50px
}

.w-\[87px\] {
    width: 87px
}

.w-\[52px\] {
    width: 52px
}

.w-\[29px\] {
    width: 29px
}

.w-\[20px\] {
    width: 20px
}

.w-\[90px\] {
    width: 90px
}

.w-\[62px\] {
    width: 62px
}

.w-\[36px\] {
    width: 36px
}

.w-24 {
    width: 6rem
}

.w-180px {
    width: 180px
}

.w-3 {
    width: .75rem
}

.w-\[150px\] {
    width: 150px
}

.w-\[full\] {
    width: full
}

.w-11 {
    width: 2.75rem
}

.w-\[60px\] {
    width: 60px
}

.w-\[0px\] {
    width: 0
}

.\!w-80px {
    width: 80px !important
}

.w-720px {
    width: 720px
}

.w-\[250px\] {
    width: 250px
}

.w-30 {
    width: 7.5rem
}

.w-320px {
    width: 320px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[70\%\] {
    width: 70%
}

.w-15 {
    width: 3.75rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-\[300px\] {
    width: 300px
}

.w-16 {
    width: 4rem
}

.w-72 {
    width: 18rem
}

.w-\[530px\] {
    width: 530px
}

.w-\[40px\] {
    width: 40px
}

.w-\[25px\] {
    width: 25px
}

.w-386px {
    width: 386px
}

.w-120px {
    width: 120px
}

.w-\[450px\] {
    width: 450px
}

.w-\[100px\] {
    width: 100px
}

.w-\[24px\] {
    width: 24px
}

.\!w-auto {
    width: auto !important
}

.w-\[80px\] {
    width: 80px
}

.w-\[400px\] {
    width: 400px
}

.w-\[180px\] {
    width: 180px
}

.w-\[146px\] {
    width: 146px
}

.w-\[30\%\] {
    width: 30%
}

.w-8 {
    width: 2rem
}

.w-\[540px\] {
    width: 540px
}

.w-\[33px\] {
    width: 33px
}

.w-3\.5 {
    width: .875rem
}

.w-\[18px\] {
    width: 18px
}

.w-\[200px\] {
    width: 200px
}

.w-\[1728px\] {
    width: 1728px
}

.w-\[280px\] {
    width: 280px
}

.w-\[1000px\] {
    width: 1000px
}

.w-\[225px\] {
    width: 225px
}

.w-\[432px\] {
    width: 432px
}

.w-\[226px\] {
    width: 226px
}

.w-\[128px\] {
    width: 128px
}

.w-\[220px\] {
    width: 220px
}

.w-\[314px\] {
    width: 314px
}

.w-\[170px\] {
    width: 170px
}

.w-\[216px\] {
    width: 216px
}

.w-\[196px\] {
    width: 196px
}

.w-\[32px\] {
    width: 32px
}

.w-\[124px\] {
    width: 124px
}

.w-\[40\%\] {
    width: 40%
}

.w-\[320px\] {
    width: 320px
}

.w-\[222px\] {
    width: 222px
}

.w-\[350px\] {
    width: 350px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[240px\] {
    width: 240px
}

.w-\[335px\] {
    width: 335px
}

.w-\[68vw\] {
    width: 68vw
}

.w-\[25\%\] {
    width: 25%
}

.w-\[31\%\] {
    width: 31%
}

.w-\[35\%\] {
    width: 35%
}

.w-\[20\%\] {
    width: 20%
}

.w-\[45\%\] {
    width: 45%
}

.w-\[90\%\] {
    width: 90%
}

.w-\[26\%\] {
    width: 26%
}

.w-\[290px\] {
    width: 290px
}

.w-\[47\%\] {
    width: 47%
}

.w-\[50\%\] {
    width: 50%
}

.w-\[440px\] {
    width: 440px
}

.w-\[390px\] {
    width: 390px
}

.w-\[210px\] {
    width: 210px
}

.w-\[260px\] {
    width: 260px
}

.w-\[145px\] {
    width: 145px
}

.w-\[110px\] {
    width: 110px
}

.w-52 {
    width: 13rem
}

.\!w-130px {
    width: 130px !important
}

.\!w-\[96\%\] {
    width: 96% !important
}

.w-\[15px\] {
    width: 15px
}

.w-1\.5 {
    width: .375rem
}

.w-\[277px\] {
    width: 277px
}

.w-\[246px\] {
    width: 246px
}

.\!w-\[500px\] {
    width: 500px !important
}

.w-\[1040px\] {
    width: 1040px
}

.w-\[106px\] {
    width: 106px
}

.w-\[221px\] {
    width: 221px
}

.w-60 {
    width: 15rem
}

.w-80 {
    width: 20rem
}

.w-\[85\%\] {
    width: 85%
}

.w-\[112px\] {
    width: 112px
}

.w-8\/12 {
    width: 66.666667%
}

.w-98px {
    width: 98px
}

.w-13 {
    width: 3.25rem
}

.w-6\.5 {
    width: 1.625rem
}

.w-\[338px\] {
    width: 338px
}

.w-\[209px\] {
    width: 209px
}

.w-\[84px\] {
    width: 84px
}

.w-\[410px\] {
    width: 410px
}

.\!w-full {
    width: 100% !important
}

.w-34 {
    width: 8.5rem
}

.\!w-15 {
    width: 3.75rem !important
}

.\!w-300px {
    width: 300px !important
}

.\!w-180px {
    width: 180px !important
}

.\!w-32 {
    width: 8rem !important
}

.w-40 {
    width: 10rem
}

.w-540px {
    width: 540px
}

.\!w-\[380px\] {
    width: 380px !important
}

.\!w-\[550px\] {
    width: 550px !important
}

.\!w-\[370px\] {
    width: 370px !important
}

.w-\[183px\] {
    width: 183px
}

.\!w-\[220px\] {
    width: 220px !important
}

.\!w-\[200px\] {
    width: 200px !important
}

.\!w-\[300px\] {
    width: 300px !important
}

.\!w-\[270px\] {
    width: 270px !important
}

.\!w-\[100px\] {
    width: 100px !important
}

.\!w-\[250px\] {
    width: 250px !important
}

.w-\[125px\] {
    width: 125px
}

.w-\[113px\] {
    width: 113px
}

.w-\[95px\] {
    width: 95px
}

.w-12 {
    width: 3rem
}

.w-\[223px\] {
    width: 223px
}

.w-\[165px\] {
    width: 165px
}

.w-\[600px\] {
    width: 600px
}

.w-\[480px\] {
    width: 480px
}

.w-\[477px\] {
    width: 477px
}

.min-w-max {
    min-width: max-content
}

.min-w-full {
    min-width: 100%
}

.min-w-\[275px\] {
    min-width: 275px
}

.min-w-\[90\%\] {
    min-width: 90%
}

.min-w-\[186px\] {
    min-width: 186px
}

.min-w-\[600px\] {
    min-width: 600px
}

.min-w-\[770px\] {
    min-width: 770px
}

.min-w-\[700px\] {
    min-width: 700px
}

.min-w-\[50vw\] {
    min-width: 50vw
}

.min-w-\[453px\] {
    min-width: 453px
}

.min-w-\[400px\] {
    min-width: 400px
}

.min-w-\[636px\] {
    min-width: 636px
}

.min-w-\[256px\] {
    min-width: 256px
}

.min-w-\[214px\] {
    min-width: 214px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[70px\] {
    min-width: 70px
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[150px\] {
    min-width: 150px
}

.\!min-w-0 {
    min-width: 0 !important
}

.min-w-320px {
    min-width: 320px
}

.min-w-\[125px\] {
    min-width: 125px
}

.min-w-32px {
    min-width: 32px
}

.min-w-\[528px\] {
    min-width: 528px
}

.min-w-\[500px\] {
    min-width: 500px
}

.min-w-\[540px\] {
    min-width: 540px
}

.min-w-\[480px\] {
    min-width: 480px
}

.min-w-\[360px\] {
    min-width: 360px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[800px\] {
    min-width: 800px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[21px\] {
    min-width: 21px
}

.min-w-190px {
    min-width: 190px
}

.min-w-140px {
    min-width: 140px
}

.max-w-600px {
    max-width: 600px
}

.max-w-full {
    max-width: 100%
}

.max-w-desktop-preview-bar {
    max-width: 1286px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-180px {
    max-width: 180px
}

.max-w-500px {
    max-width: 500px
}

.\!max-w-300px {
    max-width: 300px !important
}

.max-w-\[380px\] {
    max-width: 380px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-desktop-full {
    max-width: 1366px
}

.max-w-desktop-left-bar {
    max-width: 246px
}

.max-w-desktop-invite {
    max-width: 1042px
}

.max-w-desktop-login {
    max-width: 1122px
}

.max-w-700px {
    max-width: 700px
}

.max-w-760px {
    max-width: 760px
}

.max-w-desktop-inviteCustom {
    max-width: 1200px
}

.max-w-\[485px\] {
    max-width: 485px
}

.max-w-\[768px\] {
    max-width: 768px
}

.max-w-50\% {
    max-width: 50%
}

.max-w-380px {
    max-width: 380px
}

.\!max-w-\[75vw\] {
    max-width: 75vw !important
}

.max-w-\[115px\] {
    max-width: 115px
}

.max-w-\[35\%\] {
    max-width: 35%
}

.max-w-\[200px\] {
    max-width: 200px
}

.\!max-w-full {
    max-width: 100% !important
}

.\!max-w-\[760px\] {
    max-width: 760px !important
}

.max-w-\[1168px\] {
    max-width: 1168px
}

.max-w-\[570px\] {
    max-width: 570px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[765px\] {
    max-width: 765px
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[401px\] {
    max-width: 401px
}

.max-w-\[440px\] {
    max-width: 440px
}

.max-w-\[410px\] {
    max-width: 410px
}

.max-w-\[390px\] {
    max-width: 390px
}

.max-w-\[530px\] {
    max-width: 530px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[370px\] {
    max-width: 370px
}

.max-w-\[290px\] {
    max-width: 290px
}

.max-w-\[72\.5\%\] {
    max-width: 72.5%
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[90px\] {
    max-width: 90px
}

.max-w-\[5\%\] {
    max-width: 5%
}

.max-w-\[7\.5\%\] {
    max-width: 7.5%
}

.max-w-\[30\%\] {
    max-width: 30%
}

.max-w-\[293px\] {
    max-width: 293px
}

.max-w-\[1268px\] {
    max-width: 1268px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[75px\] {
    max-width: 75px
}

.max-w-\[100px\] {
    max-width: 100px
}

.max-w-\[928px\] {
    max-width: 928px
}

.max-w-\[460px\] {
    max-width: 460px
}

.max-w-\[296px\] {
    max-width: 296px
}

.max-w-\[140px\] {
    max-width: 140px
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[calc\(100vw-324px\)\] {
    max-width: calc(100vw - 324px)
}

.max-w-470px {
    max-width: 470px
}

.max-w-\[310px\] {
    max-width: 310px
}

.max-w-desktop-reg-info-card {
    max-width: 415px
}

.max-w-desktop-reg-gold-status {
    max-width: 546px
}

.max-w-\[85\%\] {
    max-width: 85%
}

.max-w-190px {
    max-width: 190px
}

.max-w-\[60px\] {
    max-width: 60px
}

.max-w-\[80\%\] {
    max-width: 80%
}

.flex-1 {
    flex: 1 1 0%
}

.\!flex-1 {
    flex: 1 1 0% !important
}

.flex-2 {
    flex: 2 1 auto
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink {
    flex-shrink: 1
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.table-auto {
    table-layout: auto
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: var(--tw-transform)
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: var(--tw-transform)
}

.-translate-x-120\% {
    --tw-translate-x: -120%;
    transform: var(--tw-transform)
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: var(--tw-transform)
}

.translate-x-\[150\%\] {
    --tw-translate-x: 150%;
    transform: var(--tw-transform)
}

.rotate-45 {
    --tw-rotate: 45deg
}

.-rotate-45,
.rotate-45 {
    transform: var(--tw-transform)
}

.-rotate-45 {
    --tw-rotate: -45deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-90,
.rotate-180 {
    transform: var(--tw-transform)
}

.rotate-90 {
    --tw-rotate: 90deg
}

.-rotate-60 {
    --tw-rotate: -60deg
}

.-rotate-60,
.rotate-60 {
    transform: var(--tw-transform)
}

.rotate-60 {
    --tw-rotate: 60deg
}

.-rotate-120 {
    --tw-rotate: -120deg
}

.-rotate-120,
.rotate-0 {
    transform: var(--tw-transform)
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-\[117deg\] {
    --tw-rotate: 117deg;
    transform: var(--tw-transform)
}

.rotate-\[243deg\] {
    --tw-rotate: 243deg;
    transform: var(--tw-transform)
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-180,
.scale-85 {
    transform: var(--tw-transform)
}

.scale-85 {
    --tw-scale-x: .85;
    --tw-scale-y: .85
}

.scale-\[1\] {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-\[1\],
.scale-\[2\] {
    transform: var(--tw-transform)
}

.scale-\[2\] {
    --tw-scale-x: 2;
    --tw-scale-y: 2
}

.transform {
    transform: var(--tw-transform)
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.\!flex-col {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.\!items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.\!justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center
}

.\!justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between
}

.\!justify-between {
    justify-content: space-between !important
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-10 {
    gap: 2.5rem
}

.gap-\[20px\] {
    gap: 20px
}

.gap-5 {
    gap: 1.25rem
}

.gap-7\.5 {
    gap: 1.875rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[33px\] {
    gap: 33px
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.gap-3 {
    gap: .75rem
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.625rem * var(--tw-space-x-reverse));
    margin-left: calc(.625rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-14>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--tw-space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.875rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.375rem * var(--tw-space-x-reverse));
    margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

.space-x-\[14px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14px * var(--tw-space-x-reverse));
    margin-left: calc(14px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-20>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(5rem * var(--tw-space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-9>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
}

.space-y-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
}

.space-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--tw-space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.space-y-7\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.space-y-\[150px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(150px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(150px * var(--tw-space-y-reverse))
}

.space-y-\[60px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(60px * var(--tw-space-y-reverse))
}

.space-y-\[33px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(33px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(33px * var(--tw-space-y-reverse))
}

.space-y-\[50px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(50px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(50px * var(--tw-space-y-reverse))
}

.space-y-\[18\.5px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(18.5px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(18.5px * var(--tw-space-y-reverse))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-\[20px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20px * var(--tw-space-y-reverse))
}

.space-x-\[10px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10px * var(--tw-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-\[100px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(100px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(100px * var(--tw-space-y-reverse))
}

.space-x-9>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--tw-space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-x-12>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-7\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.875rem * var(--tw-space-x-reverse));
    margin-left: calc(1.875rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-all {
    word-break: break-all
}

.\!rounded {
    border-radius: 20px !important
}

.rounded-mini {
    border-radius: 10px
}

.rounded-full {
    border-radius: 9999px
}

.rounded {
    border-radius: 20px
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-small {
    border-radius: 15px
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-2xl {
    border-radius: 1rem
}

.\!rounded-mini {
    border-radius: 10px !important
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[40px\] {
    border-radius: 40px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[32px\] {
    border-radius: 32px
}

.rounded-\[50px\] {
    border-radius: 50px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-large {
    border-radius: 60px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-b {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-r-\[15px\] {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.rounded-l-\[15px\] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.rounded-t,
.rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.\!rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.\!rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.border-2 {
    border-width: 2px
}

.\!border-2 {
    border-width: 2px !important
}

.border,
.border-\[1px\] {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.\!border-\[1px\] {
    border-width: 1px !important
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[4px\] {
    border-width: 4px
}

.\!border {
    border-width: 1px !important
}

.border-\[0\.5px\] {
    border-width: .5px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-0 {
    border-left-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-t-\[0\.5px\] {
    border-top-width: .5px
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-0 {
    border-top-width: 0
}

.border-solid {
    border-style: solid
}

.\!border-solid {
    border-style: solid !important
}

.border-none {
    border-style: none
}

.border-yellow {
    --tw-border-opacity: 1;
    border-color: rgba(250, 224, 84, var(--tw-border-opacity))
}

.\!border-yellow {
    --tw-border-opacity: 1 !important;
    border-color: rgba(250, 224, 84, var(--tw-border-opacity)) !important
}

.border-green {
    --tw-border-opacity: 1;
    border-color: rgba(44, 255, 78, var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.border-white-100 {
    border-color: hsla(0, 0%, 100%, .1)
}

.border-main-blue {
    --tw-border-opacity: 1;
    border-color: rgba(64, 106, 255, var(--tw-border-opacity))
}

.border-\[\#37F3FF\] {
    --tw-border-opacity: 1;
    border-color: rgba(55, 243, 255, var(--tw-border-opacity))
}

.border-\[\#F0BA3E\] {
    --tw-border-opacity: 1;
    border-color: rgba(240, 186, 62, var(--tw-border-opacity))
}

.border-\[\#87D34C\] {
    --tw-border-opacity: 1;
    border-color: rgba(135, 211, 76, var(--tw-border-opacity))
}

.border-\[\#3FDE7E\] {
    --tw-border-opacity: 1;
    border-color: rgba(63, 222, 126, var(--tw-border-opacity))
}

.border-line-gray {
    --tw-border-opacity: 1;
    border-color: rgba(58, 59, 60, var(--tw-border-opacity))
}

.border-white-500 {
    border-color: hsla(0, 0%, 100%, .5)
}

.border-cyan-100 {
    --tw-border-opacity: 1;
    border-color: rgba(39, 211, 225, var(--tw-border-opacity))
}

.border-red {
    --tw-border-opacity: 1;
    border-color: rgba(225, 68, 77, var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white-200 {
    border-color: hsla(0, 0%, 100%, .2)
}

.border-white-600 {
    border-color: hsla(0, 0%, 100%, .6)
}

.border-light-blue {
    --tw-border-opacity: 1;
    border-color: rgba(44, 217, 255, var(--tw-border-opacity))
}

.\!border-white-100 {
    border-color: hsla(0, 0%, 100%, .1) !important
}

.border-\[\#363738\] {
    --tw-border-opacity: 1;
    border-color: rgba(54, 55, 56, var(--tw-border-opacity))
}

.border-\[\#202020\] {
    --tw-border-opacity: 1;
    border-color: rgba(32, 32, 32, var(--tw-border-opacity))
}

.border-black-500 {
    border-color: rgba(24, 25, 26, .5)
}

.border-\[\#D9D9D9\] {
    --tw-border-opacity: 1;
    border-color: rgba(217, 217, 217, var(--tw-border-opacity))
}

.border-\[\#828282\] {
    --tw-border-opacity: 1;
    border-color: rgba(130, 130, 130, var(--tw-border-opacity))
}

.border-\[\#00FF38\] {
    --tw-border-opacity: 1;
    border-color: rgba(0, 255, 56, var(--tw-border-opacity))
}

.border-\[\#285355\] {
    --tw-border-opacity: 1;
    border-color: rgba(40, 83, 85, var(--tw-border-opacity))
}

.border-program-green {
    --tw-border-opacity: 1;
    border-color: rgba(67, 210, 81, var(--tw-border-opacity))
}

.border-white-700 {
    border-color: hsla(0, 0%, 100%, .7)
}

.border-\[\#406AFF\] {
    --tw-border-opacity: 1;
    border-color: rgba(64, 106, 255, var(--tw-border-opacity))
}

.border-\[\#7737FF\] {
    --tw-border-opacity: 1;
    border-color: rgba(119, 55, 255, var(--tw-border-opacity))
}

.border-\[\#D03A94\] {
    --tw-border-opacity: 1;
    border-color: rgba(208, 58, 148, var(--tw-border-opacity))
}

.border-\[\#FFCA43\] {
    --tw-border-opacity: 1;
    border-color: rgba(255, 202, 67, var(--tw-border-opacity))
}

.border-\[\#28CBD7\] {
    --tw-border-opacity: 1;
    border-color: rgba(40, 203, 215, var(--tw-border-opacity))
}

.border-\[\#4FFF40\] {
    --tw-border-opacity: 1;
    border-color: rgba(79, 255, 64, var(--tw-border-opacity))
}

.\!border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important
}

.border-\[\#79EFFC\] {
    --tw-border-opacity: 1;
    border-color: rgba(121, 239, 252, var(--tw-border-opacity))
}

.border-cyan-300 {
    border-color: rgba(55, 243, 255, .3)
}

.\!border-red {
    --tw-border-opacity: 1 !important;
    border-color: rgba(225, 68, 77, var(--tw-border-opacity)) !important
}

.\!border-cyan-300 {
    border-color: rgba(55, 243, 255, .3) !important
}

.border-yellow3 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 188, 42, var(--tw-border-opacity))
}

.\!border-yellow3 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(229, 188, 42, var(--tw-border-opacity)) !important
}

.border-fire-red {
    --tw-border-opacity: 1;
    border-color: rgba(255, 51, 51, var(--tw-border-opacity))
}

.\!border-fire-red {
    --tw-border-opacity: 1 !important;
    border-color: rgba(255, 51, 51, var(--tw-border-opacity)) !important
}

.border-maxqore-green {
    border-color: #62ffbd
}

.border-black-light {
    border-color: #242526
}

.border-white-900 {
    border-color: hsla(0, 0%, 100%, .9)
}

.border-shadow-gray {
    border-color: #3a3b3c
}

.border-white-50 {
    border-color: hsla(0, 0%, 100%, .05)
}

.border-white-300 {
    border-color: hsla(0, 0%, 100%, .3)
}

.border-\[\#4B4B4B\] {
    --tw-border-opacity: 1;
    border-color: rgba(75, 75, 75, var(--tw-border-opacity))
}

.border-b-white-200 {
    border-bottom-color: hsla(0, 0%, 100%, .2)
}

.bg-white-100 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-uncommonNft {
    --tw-bg-opacity: 1;
    background-color: rgba(15, 199, 11, var(--tw-bg-opacity))
}

.bg-rareNft {
    --tw-bg-opacity: 1;
    background-color: rgba(41, 140, 255, var(--tw-bg-opacity))
}

.bg-epicNft {
    --tw-bg-opacity: 1;
    background-color: rgba(172, 41, 218, var(--tw-bg-opacity))
}

.bg-legendaryNft {
    --tw-bg-opacity: 1;
    background-color: rgba(233, 181, 0, var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-status-bronze {
    --tw-bg-opacity: 1;
    background-color: rgba(225, 123, 88, var(--tw-bg-opacity))
}

.bg-status-silver {
    --tw-bg-opacity: 1;
    background-color: rgba(169, 169, 169, var(--tw-bg-opacity))
}

.bg-status-gold {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 185, 42, var(--tw-bg-opacity))
}

.\!bg-main-blue {
    background-color: rgba(64, 106, 255, var(--tw-bg-opacity)) !important
}

.\!bg-main-blue,
.\!bg-red {
    --tw-bg-opacity: 1 !important
}

.\!bg-red {
    background-color: rgba(225, 68, 77, var(--tw-bg-opacity)) !important
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
}

.bg-line-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(58, 59, 60, var(--tw-bg-opacity))
}

.bg-red {
    --tw-bg-opacity: 1;
    background-color: rgba(225, 68, 77, var(--tw-bg-opacity))
}

.bg-main-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(64, 106, 255, var(--tw-bg-opacity))
}

.bg-light-purple {
    --tw-bg-opacity: 1;
    background-color: rgba(119, 55, 255, var(--tw-bg-opacity))
}

.bg-dark-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(208, 58, 148, var(--tw-bg-opacity))
}

.bg-dark-pink-200 {
    background-color: rgba(208, 58, 148, .2)
}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 162, 67, var(--tw-bg-opacity))
}

.bg-orange-200 {
    background-color: rgba(255, 162, 67, .2)
}

.bg-cyan {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 243, 255, var(--tw-bg-opacity))
}

.bg-cyan-400 {
    background-color: rgba(55, 243, 255, .4)
}

.bg-program-green-blur {
    --tw-bg-opacity: 1;
    background-color: rgba(45, 212, 62, var(--tw-bg-opacity))
}

.bg-green-200 {
    background-color: rgba(44, 255, 78, .2)
}

.bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(250, 224, 84, var(--tw-bg-opacity))
}

.bg-light-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(105, 212, 250, var(--tw-bg-opacity))
}

.bg-blue-100 {
    background-color: rgba(64, 106, 255, .1)
}

.bg-main-bg {
    --tw-bg-opacity: 1;
    background-color: rgba(24, 25, 26, var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-black-light {
    background-color: #242526
}

.bg-bell-purple {
    --tw-bg-opacity: 1;
    background-color: rgba(182, 63, 254, var(--tw-bg-opacity))
}

.bg-white-900 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-cyan-300 {
    background-color: rgba(55, 243, 255, .3)
}

.bg-program-green {
    --tw-bg-opacity: 1;
    background-color: rgba(67, 210, 81, var(--tw-bg-opacity))
}

.bg-green-350 {
    --tw-bg-opacity: 1;
    background-color: rgba(33, 185, 20, var(--tw-bg-opacity))
}

.bg-gold-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(207, 171, 56, var(--tw-bg-opacity))
}

.bg-yellow2 {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 194, 1, var(--tw-bg-opacity))
}

.bg-sky-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(32, 129, 226, var(--tw-bg-opacity))
}

.bg-main-blue-200 {
    background-color: rgba(64, 106, 255, .2)
}

.bg-\[\#FFB900\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 185, 0, var(--tw-bg-opacity))
}

.bg-\[\#F0BA3E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 186, 62, var(--tw-bg-opacity))
}

.bg-\[\#87D34C\] {
    --tw-bg-opacity: 1;
    background-color: rgba(135, 211, 76, var(--tw-bg-opacity))
}

.bg-\[\#3fde7e4d\] {
    background-color: #3fde7e4d
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(36, 37, 38, var(--tw-bg-opacity))
}

.bg-cyan-150 {
    background-color: rgba(55, 243, 255, .15)
}

.bg-white-200 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-green-100 {
    background-color: rgba(44, 255, 78, .1)
}

.bg-\[\#072230\] {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 34, 48, var(--tw-bg-opacity))
}

.bg-black-700 {
    background-color: rgba(0, 0, 0, .7)
}

.bg-hover-main-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(83, 121, 255, var(--tw-bg-opacity))
}

.bg-white-700 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-black-verylight-200 {
    background-color: hsla(0, 0%, 85%, .2)
}

.bg-sky-blue-2 {
    --tw-bg-opacity: 1;
    background-color: rgba(59, 96, 231, var(--tw-bg-opacity))
}

.bg-\[\#1E1E1E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 30, 30, var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.bg-dark-blue-100 {
    background-color: rgba(64, 106, 255, .1)
}

.bg-orange-100 {
    background-color: rgba(255, 162, 67, .1)
}

.bg-yellow-100 {
    background-color: rgba(250, 224, 84, .1)
}

.bg-light-blue-100 {
    background-color: rgba(45, 215, 255, .1)
}

.bg-purple-400 {
    background-color: rgb(100, 57, 208, .4)
}

.bg-red-200 {
    background-color: rgba(225, 68, 77, .2)
}

.\!bg-black-500 {
    background-color: rgba(24, 25, 26, .5) !important
}

.bg-black-500 {
    background-color: rgba(24, 25, 26, .5)
}

.\!bg-green {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(44, 255, 78, var(--tw-bg-opacity)) !important
}

.bg-\[\#242526\] {
    --tw-bg-opacity: 1;
    background-color: rgba(36, 37, 38, var(--tw-bg-opacity))
}

.bg-white-50 {
    background-color: hsla(0, 0%, 100%, .05)
}

.bg-beaming-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(54, 243, 255, var(--tw-bg-opacity))
}

.bg-purple {
    --tw-bg-opacity: 1;
    background-color: rgba(100, 57, 208, var(--tw-bg-opacity))
}

.bg-\[\#0B0316\] {
    --tw-bg-opacity: 1;
    background-color: rgba(11, 3, 22, var(--tw-bg-opacity))
}

.bg-\[\#0E0F10\] {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 15, 16, var(--tw-bg-opacity))
}

.bg-\[\#3EF6A2\] {
    --tw-bg-opacity: 1;
    background-color: rgba(62, 246, 162, var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(70, 71, 72, var(--tw-bg-opacity))
}

.bg-darkBlue {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 27, 28, var(--tw-bg-opacity))
}

.bg-\[\#F9C201\] {
    --tw-bg-opacity: 1;
    background-color: rgba(249, 194, 1, var(--tw-bg-opacity))
}

.bg-\[\#4944E1\] {
    --tw-bg-opacity: 1;
    background-color: rgba(73, 68, 225, var(--tw-bg-opacity))
}

.bg-\[\#080909\] {
    --tw-bg-opacity: 1;
    background-color: rgba(8, 9, 9, var(--tw-bg-opacity))
}

.bg-\[\#0B0B0D\] {
    --tw-bg-opacity: 1;
    background-color: rgba(11, 11, 13, var(--tw-bg-opacity))
}

.bg-\[\#1EC7D4\] {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 199, 212, var(--tw-bg-opacity))
}

.bg-black-300 {
    background-color: rgba(0, 0, 0, .3)
}

.bg-\[\#008C38\] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 140, 56, var(--tw-bg-opacity))
}

.bg-\[\#151B20\] {
    --tw-bg-opacity: 1;
    background-color: rgba(21, 27, 32, var(--tw-bg-opacity))
}

.bg-\[\#2DD43E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(45, 212, 62, var(--tw-bg-opacity))
}

.bg-black-verylight {
    background-color: hsla(0, 0%, 85%, .05)
}

.bg-white-500 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgba(44, 255, 78, var(--tw-bg-opacity))
}

.\!bg-black-verylight {
    background-color: hsla(0, 0%, 85%, .05) !important
}

.bg-darkGray {
    --tw-bg-opacity: 1;
    background-color: rgba(40, 40, 40, var(--tw-bg-opacity))
}

.bg-\[\#141414\] {
    --tw-bg-opacity: 1;
    background-color: rgba(20, 20, 20, var(--tw-bg-opacity))
}

.bg-white-30 {
    background-color: hsla(0, 0%, 100%, .03)
}

.bg-white-300 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(39, 211, 225, var(--tw-bg-opacity))
}

.\!bg-cyan-400 {
    background-color: rgba(55, 243, 255, .4) !important
}

.bg-yellow3-100 {
    background-color: rgba(229, 188, 42, .1)
}

.\!bg-yellow3-400 {
    background-color: rgba(229, 188, 42, .4) !important
}

.bg-red-100 {
    background-color: rgba(255, 51, 51, .1)
}

.\!bg-red-400 {
    background-color: rgba(225, 68, 77, .4) !important
}

.bg-lightPurple {
    background-color: #653c6b
}

.bg-\[\#1A1E20\] {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 30, 32, var(--tw-bg-opacity))
}

.\!bg-white-100 {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.bg-gray-light {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 196, 196, var(--tw-bg-opacity))
}

.bg-green-light {
    --tw-bg-opacity: 1;
    background-color: rgba(44, 255, 78, var(--tw-bg-opacity))
}

.bg-main-blue-300 {
    background-color: rgba(64, 106, 255, .3)
}

.bg-\[\#1F2D36\] {
    --tw-bg-opacity: 1;
    background-color: rgba(31, 45, 54, var(--tw-bg-opacity))
}

.bg-\[\#1A262E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 38, 46, var(--tw-bg-opacity))
}

.bg-\[\#162026\] {
    --tw-bg-opacity: 1;
    background-color: rgba(22, 32, 38, var(--tw-bg-opacity))
}

.bg-\[\#F8C201\] {
    --tw-bg-opacity: 1;
    background-color: rgba(248, 194, 1, var(--tw-bg-opacity))
}

.bg-\[\#0FC100\] {
    --tw-bg-opacity: 1;
    background-color: rgba(15, 193, 0, var(--tw-bg-opacity))
}

.bg-nightBlue {
    --tw-bg-opacity: 1;
    background-color: rgba(6, 14, 40, var(--tw-bg-opacity))
}

.bg-circle-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(81, 97, 151, var(--tw-bg-opacity))
}

.bg-active-purple {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 50, 230, var(--tw-bg-opacity))
}

.bg-\[\#211D1D\] {
    --tw-bg-opacity: 1;
    background-color: rgba(33, 29, 29, var(--tw-bg-opacity))
}

.bg-main-blue-500 {
    background-color: rgba(64, 106, 255, .5)
}

.bg-yellow3 {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 188, 42, var(--tw-bg-opacity))
}

.bg-black-400 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-\[\#826AD9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(130, 106, 217, var(--tw-bg-opacity))
}

.bg-\[\#37C596\] {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 197, 150, var(--tw-bg-opacity))
}

.bg-\[\#8C01F9\] {
    --tw-bg-opacity: 1;
    background-color: rgba(140, 1, 249, var(--tw-bg-opacity))
}

.bg-\[\#7F1BFF\] {
    --tw-bg-opacity: 1;
    background-color: rgba(127, 27, 255, var(--tw-bg-opacity))
}

.bg-\[\#5310A8\] {
    --tw-bg-opacity: 1;
    background-color: rgba(83, 16, 168, var(--tw-bg-opacity))
}

.bg-\[\#330075\] {
    --tw-bg-opacity: 1;
    background-color: rgba(51, 0, 117, var(--tw-bg-opacity))
}

.bg-darkBlack {
    --tw-bg-opacity: 1;
    background-color: rgba(16, 16, 16, var(--tw-bg-opacity))
}

.\!bg-\[\#242526\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(36, 37, 38, var(--tw-bg-opacity)) !important
}

.bg-\[\#090A0A\] {
    --tw-bg-opacity: 1;
    background-color: rgba(9, 10, 10, var(--tw-bg-opacity))
}

.bg-\[\#2DCF3E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(45, 207, 62, var(--tw-bg-opacity))
}

.bg-\[\#20AE59\] {
    --tw-bg-opacity: 1;
    background-color: rgba(32, 174, 89, var(--tw-bg-opacity))
}

.bg-\[\#FFC701\] {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 199, 1, var(--tw-bg-opacity))
}

.bg-\[\#00DB83\] {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 219, 131, var(--tw-bg-opacity))
}

.bg-black-550 {
    background-color: rgba(0, 0, 0, .55)
}

.bg-hover-main-bg {
    --tw-bg-opacity: 1;
    background-color: rgba(47, 48, 49, var(--tw-bg-opacity))
}

.bg-\[\#414141\] {
    --tw-bg-opacity: 1;
    background-color: rgba(65, 65, 65, var(--tw-bg-opacity))
}

.bg-\[\#2B2C2D\] {
    --tw-bg-opacity: 1;
    background-color: rgba(43, 44, 45, var(--tw-bg-opacity))
}

.\!bg-main-bg {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(24, 25, 26, var(--tw-bg-opacity)) !important
}

.bg-\[\#636363\] {
    --tw-bg-opacity: 1;
    background-color: rgba(99, 99, 99, var(--tw-bg-opacity))
}

.bg-\[\#4B4B4B\] {
    --tw-bg-opacity: 1;
    background-color: rgba(75, 75, 75, var(--tw-bg-opacity))
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-purple-300 {
    --tw-gradient-from: #9300ac;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 0, 172, 0))
}

.from-gray-light {
    --tw-gradient-from: #c4c4c4;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 77%, 0))
}

.from-gold-900 {
    --tw-gradient-from: #a67d01;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(166, 125, 1, 0))
}

.via-gold-500 {
    --tw-gradient-stops: var(--tw-gradient-from), #cfab38, var(--tw-gradient-to, rgba(207, 171, 56, 0))
}

.to-green-700 {
    --tw-gradient-to: #00a38c
}

.to-white {
    --tw-gradient-to: #fff
}

.to-gold-100 {
    --tw-gradient-to: #f8f0c9
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.fill-current {
    fill: currentColor
}

.fill-\[\#FFE027\] {
    fill: #ffe027
}

.stroke-current {
    stroke: currentColor
}

.stroke-\[\#79797B\] {
    stroke: #79797b
}

.object-fill {
    object-fit: fill
}

.\!p-6 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 1.25rem
}

.p-3 {
    padding: .75rem
}

.p-1 {
    padding: .25rem
}

.p-2\.5 {
    padding: .625rem
}

.p-2 {
    padding: .5rem
}

.p-10 {
    padding: 2.5rem
}

.p-1\.5 {
    padding: .375rem
}

.p-4 {
    padding: 1rem
}

.p-\[3px\] {
    padding: 3px
}

.p-7\.5 {
    padding: 1.875rem
}

.p-7 {
    padding: 1.75rem
}

.\!p-0 {
    padding: 0 !important
}

.p-\[1px\] {
    padding: 1px
}

.\!p-2\.5 {
    padding: .625rem !important
}

.\!p-2 {
    padding: .5rem !important
}

.p-\[10px\] {
    padding: 10px
}

.p-\[30px\] {
    padding: 30px
}

.p-0 {
    padding: 0
}

.p-8 {
    padding: 2rem
}

.p-15px {
    padding: 15px
}

.\!p-1\.5 {
    padding: .375rem !important
}

.\!p-1 {
    padding: .25rem !important
}

.p-\[5px\] {
    padding: 5px
}

.p-\[2px\] {
    padding: 2px
}

.p-0\.5 {
    padding: .125rem
}

.\!p-0\.5 {
    padding: .125rem !important
}

.p-6 {
    padding: 1.5rem
}

.p-\[20px\] {
    padding: 20px
}

.\!p-5 {
    padding: 1.25rem !important
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.\!px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.\!py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-7\.5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.py-\[150px\] {
    padding-top: 150px;
    padding-bottom: 150px
}

.px-7\.5 {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.px-15 {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.\!py-2\.5 {
    padding-top: .625rem !important;
    padding-bottom: .625rem !important
}

.\!py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px
}

.px-13 {
    padding-left: 3.125rem;
    padding-right: 3.125rem
}

.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.px-\[23px\] {
    padding-left: 23px;
    padding-right: 23px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.\!px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.py-4\.5 {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem
}

.\!px-2\.5 {
    padding-left: .625rem !important;
    padding-right: .625rem !important
}

.\!px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.\!py-1\.5 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

.px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[25px\] {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-8\.5 {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px
}

.px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px
}

.py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pt-7\.5 {
    padding-top: 1.875rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pr-7\.5 {
    padding-right: 1.875rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-2 {
    padding-top: .5rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pl-0 {
    padding-left: 0
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-22 {
    padding-top: 5.625rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-\[50px\] {
    padding-bottom: 50px
}

.pl-12 {
    padding-left: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-8\.5 {
    padding-top: 2.125rem
}

.pt-8 {
    padding-top: 2rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-25 {
    padding-bottom: 6.25rem
}

.pt-25 {
    padding-top: 6.25rem
}

.pt-15 {
    padding-top: 3.75rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pr-11 {
    padding-right: 2.75rem
}

.pr-\[17px\] {
    padding-right: 17px
}

.pl-\[8px\] {
    padding-left: 8px
}

.pb-8 {
    padding-bottom: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pb-\[25\.5px\] {
    padding-bottom: 25.5px
}

.pt-11 {
    padding-top: 2.75rem
}

.pt-18 {
    padding-top: 4.375rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pr-12 {
    padding-right: 3rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-2 {
    padding-left: .5rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.pb-\[100px\] {
    padding-bottom: 100px
}

.pl-\[20\%\] {
    padding-left: 20%
}

.pt-\[15px\] {
    padding-top: 15px
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[7px\] {
    padding-top: 7px
}

.pt-\[5px\] {
    padding-top: 5px
}

.pl-7 {
    padding-left: 1.75rem
}

.pr-\[250px\] {
    padding-right: 250px
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pt-\[11px\] {
    padding-top: 11px
}

.pb-\[11px\] {
    padding-bottom: 11px
}

.pl-\[15px\] {
    padding-left: 15px
}

.pl-\[36px\] {
    padding-left: 36px
}

.pt-3 {
    padding-top: .75rem
}

.\!pt-0 {
    padding-top: 0 !important
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pt-1 {
    padding-top: .25rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-7\.5 {
    padding-left: 1.875rem
}

.pl-\[70px\] {
    padding-left: 70px
}

.pr-\[180px\] {
    padding-right: 180px
}

.pb-6 {
    padding-bottom: 1.5rem
}

.\!pr-0 {
    padding-right: 0 !important
}

.\!pl-0 {
    padding-left: 0 !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.\!text-right {
    text-align: right !important
}

.align-baseline {
    vertical-align: baseline
}

.\!text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-two-half {
    font-size: 2.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-mini {
    font-size: .625rem
}

.text-\[5px\] {
    font-size: 5px
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[9px\] {
    font-size: 9px
}

.text-\[7px\] {
    font-size: 7px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[24px\] {
    font-size: 24px
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[36px\] {
    font-size: 36px
}

.\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.text-15px {
    font-size: .939rem
}

.text-\[50px\] {
    font-size: 50px
}

.text-\[106px\] {
    font-size: 106px
}

.text-\[56px\] {
    font-size: 56px
}

.text-\[79px\] {
    font-size: 79px
}

.text-\[63px\] {
    font-size: 63px
}

.text-\[25px\] {
    font-size: 25px
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-\[70px\] {
    font-size: 70px
}

.text-\[60px\] {
    font-size: 60px
}

.text-\[22px\] {
    font-size: 22px
}

.text-sup-xs {
    font-size: .5rem
}

.text-\[64px\] {
    font-size: 64px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[8px\] {
    font-size: 8px
}

.text-\[4px\] {
    font-size: 4px
}

.text-\[45px\] {
    font-size: 45px
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-light {
    font-weight: 300
}

.\!font-normal {
    font-weight: 400 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.\!font-bold {
    font-weight: 700 !important
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.\!leading-5 {
    line-height: 1.25rem !important
}

.\!leading-30px {
    line-height: 30px !important
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-6 {
    line-height: 1.5rem
}

.leading-30px {
    line-height: 30px
}

.leading-5 {
    line-height: 1.25rem
}

.leading-3 {
    line-height: .75rem
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-none {
    line-height: 1
}

.leading-4 {
    line-height: 1rem
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[127px\] {
    line-height: 127px
}

.leading-\[67px\] {
    line-height: 67px
}

.leading-\[94px\] {
    line-height: 94px
}

.leading-\[76px\] {
    line-height: 76px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[36px\] {
    line-height: 36px
}

.leading-\[19px\] {
    line-height: 19px
}

.leading-\[1\.8rem\] {
    line-height: 1.8rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[55px\] {
    line-height: 55px
}

.leading-\[130\%\] {
    line-height: 130%
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[14px\] {
    line-height: 14px
}

.\!leading-8 {
    line-height: 2rem !important
}

.leading-48px {
    line-height: 48px
}

.leading-\[47px\] {
    line-height: 47px
}

.\!leading-\[30px\] {
    line-height: 30px !important
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-10 {
    line-height: 2.5rem
}

.text-main-bg {
    --tw-text-opacity: 1;
    color: rgba(24, 25, 26, var(--tw-text-opacity))
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgba(36, 37, 38, var(--tw-text-opacity))
}

.\!text-white {
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.\!text-black,
.\!text-white {
    --tw-text-opacity: 1 !important
}

.\!text-black {
    color: rgba(0, 0, 0, var(--tw-text-opacity)) !important
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-main-blue {
    --tw-text-opacity: 1;
    color: rgba(64, 106, 255, var(--tw-text-opacity))
}

.text-light-purple {
    --tw-text-opacity: 1;
    color: rgba(119, 55, 255, var(--tw-text-opacity))
}

.text-dark-pink {
    --tw-text-opacity: 1;
    color: rgba(208, 58, 148, var(--tw-text-opacity))
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgba(255, 162, 67, var(--tw-text-opacity))
}

.text-cyan-100 {
    --tw-text-opacity: 1;
    color: rgba(39, 211, 225, var(--tw-text-opacity))
}

.text-program-green {
    --tw-text-opacity: 1;
    color: rgba(67, 210, 81, var(--tw-text-opacity))
}

.text-white-300 {
    color: hsla(0, 0%, 100%, .3)
}

.text-red {
    --tw-text-opacity: 1;
    color: rgba(225, 68, 77, var(--tw-text-opacity))
}

.text-\[\#192223\] {
    --tw-text-opacity: 1;
    color: rgba(25, 34, 35, var(--tw-text-opacity))
}

.text-\[\#3FDE7E\] {
    --tw-text-opacity: 1;
    color: rgba(63, 222, 126, var(--tw-text-opacity))
}

.text-white-500 {
    color: hsla(0, 0%, 100%, .5)
}

.text-green-light {
    --tw-text-opacity: 1;
    color: rgba(44, 255, 78, var(--tw-text-opacity))
}

.text-white-900 {
    color: hsla(0, 0%, 100%, .9)
}

.text-\[\#D885FF\] {
    --tw-text-opacity: 1;
    color: rgba(216, 133, 255, var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgba(44, 255, 78, var(--tw-text-opacity))
}

.text-white-50 {
    color: hsla(0, 0%, 100%, .05)
}

.text-cyan-500 {
    color: rgba(55, 243, 255, .5)
}

.text-white-700 {
    color: hsla(0, 0%, 100%, .7)
}

.text-yellow {
    --tw-text-opacity: 1;
    color: rgba(250, 224, 84, var(--tw-text-opacity))
}

.text-light-blue {
    --tw-text-opacity: 1;
    color: rgba(105, 212, 250, var(--tw-text-opacity))
}

.\!text-main-bg {
    --tw-text-opacity: 1 !important;
    color: rgba(24, 25, 26, var(--tw-text-opacity)) !important
}

.text-white-600 {
    color: hsla(0, 0%, 100%, .6)
}

.text-white-100 {
    color: hsla(0, 0%, 100%, .1)
}

.text-transparent {
    color: transparent
}

.text-black {
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}

.text-\[\#518EF7\] {
    --tw-text-opacity: 1;
    color: rgba(81, 142, 247, var(--tw-text-opacity))
}

.text-\[\#8B8C8C\] {
    --tw-text-opacity: 1;
    color: rgba(139, 140, 140, var(--tw-text-opacity))
}

.text-\[\#CEF081\] {
    --tw-text-opacity: 1;
    color: rgba(206, 240, 129, var(--tw-text-opacity))
}

.text-\[\#202020\] {
    --tw-text-opacity: 1;
    color: rgba(32, 32, 32, var(--tw-text-opacity))
}

.text-\[\#7EF7FF\] {
    --tw-text-opacity: 1;
    color: rgba(126, 247, 255, var(--tw-text-opacity))
}

.text-\[\#828282\] {
    --tw-text-opacity: 1;
    color: rgba(130, 130, 130, var(--tw-text-opacity))
}

.text-\[\#F6C140\] {
    --tw-text-opacity: 1;
    color: rgba(246, 193, 64, var(--tw-text-opacity))
}

.text-\[\#F0B90B\] {
    --tw-text-opacity: 1;
    color: rgba(240, 185, 11, var(--tw-text-opacity))
}

.text-\[\#7CCDD2\] {
    --tw-text-opacity: 1;
    color: rgba(124, 205, 210, var(--tw-text-opacity))
}

.text-\[\#28cbd7\] {
    --tw-text-opacity: 1;
    color: rgba(40, 203, 215, var(--tw-text-opacity))
}

.text-\[\#fdc637\] {
    --tw-text-opacity: 1;
    color: rgba(253, 198, 55, var(--tw-text-opacity))
}

.text-\[\#43e329\] {
    --tw-text-opacity: 1;
    color: rgba(67, 227, 41, var(--tw-text-opacity))
}

.text-\[\#13aafe\] {
    --tw-text-opacity: 1;
    color: rgba(19, 170, 254, var(--tw-text-opacity))
}

.text-\[\#d11839\] {
    --tw-text-opacity: 1;
    color: rgba(209, 24, 57, var(--tw-text-opacity))
}

.text-\[\#32f196\] {
    --tw-text-opacity: 1;
    color: rgba(50, 241, 150, var(--tw-text-opacity))
}

.text-\[\#F9C201\] {
    --tw-text-opacity: 1;
    color: rgba(249, 194, 1, var(--tw-text-opacity))
}

.text-\[\#FAE054\] {
    --tw-text-opacity: 1;
    color: rgba(250, 224, 84, var(--tw-text-opacity))
}

.text-\[\#406AFF\] {
    --tw-text-opacity: 1;
    color: rgba(64, 106, 255, var(--tw-text-opacity))
}

.text-\[\#7737FF\] {
    --tw-text-opacity: 1;
    color: rgba(119, 55, 255, var(--tw-text-opacity))
}

.text-\[\#D03A94\] {
    --tw-text-opacity: 1;
    color: rgba(208, 58, 148, var(--tw-text-opacity))
}

.text-\[\#FFCA43\] {
    --tw-text-opacity: 1;
    color: rgba(255, 202, 67, var(--tw-text-opacity))
}

.text-\[\#28CBD7\] {
    --tw-text-opacity: 1;
    color: rgba(40, 203, 215, var(--tw-text-opacity))
}

.text-\[\#00D1FF\] {
    --tw-text-opacity: 1;
    color: rgba(0, 209, 255, var(--tw-text-opacity))
}

.text-\[\#FFF500\] {
    --tw-text-opacity: 1;
    color: rgba(255, 245, 0, var(--tw-text-opacity))
}

.text-hover-purple {
    --tw-text-opacity: 1;
    color: rgba(133, 75, 255, var(--tw-text-opacity))
}

.\!text-gray-light {
    --tw-text-opacity: 1 !important;
    color: rgba(196, 196, 196, var(--tw-text-opacity)) !important
}

.text-\[\#00E05A\] {
    --tw-text-opacity: 1;
    color: rgba(0, 224, 90, var(--tw-text-opacity))
}

.text-cyan-300 {
    color: rgba(55, 243, 255, .3)
}

.text-yellow3 {
    --tw-text-opacity: 1;
    color: rgba(229, 188, 42, var(--tw-text-opacity))
}

.text-fire-red {
    --tw-text-opacity: 1;
    color: rgba(255, 51, 51, var(--tw-text-opacity))
}

.text-\[\#FFE500\] {
    --tw-text-opacity: 1;
    color: rgba(255, 229, 0, var(--tw-text-opacity))
}

.text-\[\#00D2FF\] {
    --tw-text-opacity: 1;
    color: rgba(0, 210, 255, var(--tw-text-opacity))
}

.text-\[\#00FF94\] {
    --tw-text-opacity: 1;
    color: rgba(0, 255, 148, var(--tw-text-opacity))
}

.text-\[\#00FF19\] {
    --tw-text-opacity: 1;
    color: rgba(0, 255, 25, var(--tw-text-opacity))
}

.text-\[\#77DA81\] {
    --tw-text-opacity: 1;
    color: rgba(119, 218, 129, var(--tw-text-opacity))
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-maxqore-green-500 {
    color: rgb(98, 255, 189, .5)
}

.text-maxqore-green {
    color: #62ffbd
}

.text-red-500 {
    color: rgba(225, 68, 77, .5)
}

.text-\[\#FFD705\] {
    --tw-text-opacity: 1;
    color: rgba(255, 215, 5, var(--tw-text-opacity))
}

.text-\[\#317B24\] {
    --tw-text-opacity: 1;
    color: rgba(49, 123, 36, var(--tw-text-opacity))
}

.text-\[\#84FF90\] {
    --tw-text-opacity: 1;
    color: rgba(132, 255, 144, var(--tw-text-opacity))
}

.text-\[\#F3BA2F\] {
    --tw-text-opacity: 1;
    color: rgba(243, 186, 47, var(--tw-text-opacity))
}

.text-green-350 {
    --tw-text-opacity: 1;
    color: rgba(33, 185, 20, var(--tw-text-opacity))
}

.text-gold {
    --tw-text-opacity: 1;
    color: rgba(255, 162, 67, var(--tw-text-opacity))
}

.text-cyan {
    --tw-text-opacity: 1;
    color: rgba(55, 243, 255, var(--tw-text-opacity))
}

.text-red-850 {
    color: rgba(225, 68, 77, .75)
}

.text-main-blue-750 {
    color: rgba(64, 106, 255, .75)
}

.text-\[\#763AC2\] {
    --tw-text-opacity: 1;
    color: rgba(118, 58, 194, var(--tw-text-opacity))
}

.text-\[\#00FF66\] {
    --tw-text-opacity: 1;
    color: rgba(0, 255, 102, var(--tw-text-opacity))
}

.\!text-\[\#9FA4B5\] {
    --tw-text-opacity: 1 !important;
    color: rgba(159, 164, 181, var(--tw-text-opacity)) !important
}

.text-gold2 {
    --tw-text-opacity: 1;
    color: rgba(255, 199, 0, var(--tw-text-opacity))
}

.text-\[\#242424\] {
    --tw-text-opacity: 1;
    color: rgba(36, 36, 36, var(--tw-text-opacity))
}

.underline {
    text-decoration: underline
}

.opacity-50 {
    opacity: .5
}

.\!opacity-100 {
    opacity: 1 !important
}

.opacity-75 {
    opacity: .75
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-100 {
    opacity: 1
}

.shadow-preview-bar {
    --tw-shadow: 0px 13.1936px 19.7904px rgba(0, 0, 0, 0.2)
}

.shadow-freeze-program,
.shadow-preview-bar {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-freeze-program {
    --tw-shadow: inset 0px 0px 15px #406aff
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.shadow-lg,
.shadow-notification-header {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-notification-header {
    --tw-shadow: 0px 30px 30px #18191a
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
}

.shadow-2xl,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.blur-800px {
    --tw-blur: blur(800px)
}

.blur,
.blur-800px {
    filter: var(--tw-filter)
}

.blur {
    --tw-blur: blur(8px)
}

.blur-500px {
    --tw-blur: blur(500px)
}

.blur-500px,
.blur-sm {
    filter: var(--tw-filter)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur-190px {
    --tw-blur: blur(190px)
}

.blur-3xl,
.blur-190px {
    filter: var(--tw-filter)
}

.blur-3xl {
    --tw-blur: blur(64px)
}

.brightness-50 {
    --tw-brightness: brightness(.5);
    filter: var(--tw-filter)
}

.brightness-125 {
    --tw-brightness: brightness(1.25);
    filter: var(--tw-filter)
}

.brightness-75 {
    --tw-brightness: brightness(.75);
    filter: var(--tw-filter)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
    filter: var(--tw-filter)
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
    filter: var(--tw-filter)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter,
.grayscale {
    filter: var(--tw-filter)
}

.backdrop-blur-\[12px\],
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur,
.backdrop-blur-\[12px\],
.backdrop-blur-md {
    -webkit-backdrop-filter: var(--tw-backdrop-filter);
    backdrop-filter: var(--tw-backdrop-filter)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-500 {
    transition-duration: .5s
}

.duration-300 {
    transition-duration: .3s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.wallet-gradient-main {
    background: linear-gradient(180deg, #406aff, rgba(64, 106, 255, 0))
}

.desktop-infoblock-base {
    min-width: 170px;
    min-height: 140px
}

.desktop-infoblock-chart-base {
    max-width: 500px
}

.flex-1-1-0 {
    flex: 1 1 0
}

.header-dialog-content {
    display: flex;
    align-self: center;
    justify-content: center;
    margin: 4rem .5rem;
    padding: 0;
    box-shadow: 0 4px 8px 0 rgb(0 0 0/5%);
    width: 100vw;
    max-width: 480px;
    max-height: 100vh;
    outline: none
}

.header-dialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483601;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #18191a
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-r-0:last-child {
    border-right-width: 0
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.hover\:border-main-blue:hover {
    --tw-border-opacity: 1;
    border-color: rgba(64, 106, 255, var(--tw-border-opacity))
}

.hover\:bg-white-200:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.hover\:bg-hover-red:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(228, 87, 95, var(--tw-bg-opacity))
}

.hover\:bg-white-300:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-main-blue-300:hover {
    background-color: rgba(64, 106, 255, .3)
}

.hover\:bg-hover-main-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(83, 121, 255, var(--tw-bg-opacity))
}

.hover\:bg-hover-main-bg:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(47, 48, 49, var(--tw-bg-opacity))
}

.hover\:bg-black-500:hover {
    background-color: rgba(24, 25, 26, .5)
}

.hover\:bg-line-gray:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(58, 59, 60, var(--tw-bg-opacity))
}

.hover\:bg-bell-purple:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(182, 63, 254, var(--tw-bg-opacity))
}

.hover\:bg-main-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(64, 106, 255, var(--tw-bg-opacity))
}

.hover\:bg-hover-purple:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(133, 75, 255, var(--tw-bg-opacity))
}

.hover\:bg-hover-orange:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 171, 86, var(--tw-bg-opacity))
}

.hover\:bg-program-green-600:hover {
    background-color: rgba(67, 210, 81, .6)
}

.hover\:bg-hover-pink:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(213, 78, 159, var(--tw-bg-opacity))
}

.hover\:bg-hover-green:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(77, 199, 66, var(--tw-bg-opacity))
}

.hover\:bg-gold-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(166, 125, 1, var(--tw-bg-opacity))
}

.hover\:bg-gold-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(207, 171, 56, var(--tw-bg-opacity))
}

.hover\:bg-white-100:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.hover\:bg-main-blue-500:hover {
    background-color: rgba(64, 106, 255, .5)
}

.hover\:bg-\[\#FFB920\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 185, 32, var(--tw-bg-opacity))
}

.hover\:bg-cyan-600:hover {
    background-color: rgba(55, 243, 255, .6)
}

.hover\:bg-\[\#F0BA3E\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 186, 62, var(--tw-bg-opacity))
}

.hover\:bg-\[\#87D34C\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(135, 211, 76, var(--tw-bg-opacity))
}

.hover\:bg-black-light:hover {
    background-color: #242526
}

.hover\:\!bg-white-50:hover {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(70, 71, 72, var(--tw-bg-opacity))
}

.hover\:bg-shadow-gray:hover {
    background-color: #3a3b3c
}

.hover\:bg-white-500:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.hover\:bg-gray-light:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(196, 196, 196, var(--tw-bg-opacity))
}

.hover\:bg-cyan-150:hover {
    background-color: rgba(55, 243, 255, .15)
}

.hover\:\!bg-cyan-500:hover {
    background-color: rgba(55, 243, 255, .5) !important
}

.hover\:\!bg-yellow3-500:hover {
    background-color: rgba(229, 188, 42, .5) !important
}

.hover\:\!bg-red-500:hover {
    background-color: rgba(225, 68, 77, .5) !important
}

.hover\:\!bg-lightPurple:hover {
    background-color: #653c6b !important
}

.hover\:bg-main-bg-200:hover {
    background-color: rgba(24, 25, 26, .2)
}

.hover\:bg-circle-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(81, 97, 151, var(--tw-bg-opacity))
}

.hover\:bg-gray:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(36, 37, 38, var(--tw-bg-opacity))
}

.hover\:bg-\[\#090A0A\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(9, 10, 10, var(--tw-bg-opacity))
}

.hover\:bg-\[\#00DB83\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 219, 131, var(--tw-bg-opacity))
}

.hover\:bg-gradient-to-bl:hover {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.hover\:stroke-\[\#E1444D\]:hover {
    stroke: #e1444d
}

.hover\:stroke-\[\#FF4545\]:hover {
    stroke: #ff4545
}

.hover\:text-white-500:hover {
    color: hsla(0, 0%, 100%, .5)
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.hover\:text-white-700:hover {
    color: hsla(0, 0%, 100%, .7)
}

.hover\:text-white-900:hover {
    color: hsla(0, 0%, 100%, .9)
}

.hover\:underline:hover {
    text-decoration: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-75:hover {
    opacity: .75
}

.focus\:border-2:focus {
    border-width: 2px
}

.focus\:border-main-blue:focus {
    --tw-border-opacity: 1;
    border-color: rgba(64, 106, 255, var(--tw-border-opacity))
}

.focus\:border-red:focus {
    --tw-border-opacity: 1;
    border-color: rgba(225, 68, 77, var(--tw-border-opacity))
}

.focus\:border-\[\#4B4B4B\]:focus {
    --tw-border-opacity: 1;
    border-color: rgba(75, 75, 75, var(--tw-border-opacity))
}

.focus\:bg-transparent:focus {
    background-color: transparent
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.active\:bg-active-main-blue:active {
    --tw-bg-opacity: 1;
    background-color: rgba(58, 95, 230, var(--tw-bg-opacity))
}

.active\:bg-active-main-bg:active {
    --tw-bg-opacity: 1;
    background-color: rgba(22, 23, 23, var(--tw-bg-opacity))
}

.active\:bg-active-red:active {
    --tw-bg-opacity: 1;
    background-color: rgba(202, 61, 69, var(--tw-bg-opacity))
}

.active\:bg-active-gray:active {
    --tw-bg-opacity: 1;
    background-color: rgba(32, 33, 34, var(--tw-bg-opacity))
}

.active\:bg-bell-purple:active {
    --tw-bg-opacity: 1;
    background-color: rgba(182, 63, 254, var(--tw-bg-opacity))
}

.active\:bg-active-purple:active {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 50, 230, var(--tw-bg-opacity))
}

.active\:bg-active-orange:active {
    --tw-bg-opacity: 1;
    background-color: rgba(230, 146, 60, var(--tw-bg-opacity))
}

.active\:bg-program-green-600:active {
    background-color: rgba(67, 210, 81, .6)
}

.active\:bg-active-pink:active {
    --tw-bg-opacity: 1;
    background-color: rgba(187, 52, 133, var(--tw-bg-opacity))
}

.active\:bg-active-green:active {
    --tw-bg-opacity: 1;
    background-color: rgba(26, 148, 16, var(--tw-bg-opacity))
}

.active\:bg-white-200:active {
    background-color: hsla(0, 0%, 100%, .2)
}

.active\:bg-main-blue:active {
    --tw-bg-opacity: 1;
    background-color: rgba(64, 106, 255, var(--tw-bg-opacity))
}

.active\:bg-cyan-600:active {
    background-color: rgba(55, 243, 255, .6)
}

.active\:bg-\[\#F0BA3E\]:active {
    --tw-bg-opacity: 1;
    background-color: rgba(240, 186, 62, var(--tw-bg-opacity))
}

.active\:bg-\[\#87D34C\]:active {
    --tw-bg-opacity: 1;
    background-color: rgba(135, 211, 76, var(--tw-bg-opacity))
}

.active\:bg-cyan-200:active {
    background-color: rgba(55, 243, 255, .2)
}

.active\:\!bg-cyan-500:active {
    background-color: rgba(55, 243, 255, .5) !important
}

.active\:\!bg-yellow3-500:active {
    background-color: rgba(229, 188, 42, .5) !important
}

.active\:\!bg-red-500:active {
    background-color: rgba(225, 68, 77, .5) !important
}

.active\:\!bg-lightPurple:active {
    background-color: #653c6b !important
}

.active\:bg-\[\#090A0A\]:active {
    --tw-bg-opacity: 1;
    background-color: rgba(9, 10, 10, var(--tw-bg-opacity))
}

.active\:bg-\[\#00DB83\]:active {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 219, 131, var(--tw-bg-opacity))
}

.active\:text-white:active {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.active\:opacity-50:active {
    opacity: .5
}

.group:hover .group-hover\:absolute {
    position: absolute
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:flex {
    display: flex
}

.group:hover .group-hover\:bg-transparent {
    background-color: transparent
}

.group:hover .group-hover\:bg-\[\#359C5E\] {
    --tw-bg-opacity: 1;
    background-color: rgba(53, 156, 94, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-darkPurple {
    --tw-bg-opacity: 1;
    background-color: rgba(32, 25, 46, var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-main-blue-200 {
    background-color: rgba(64, 106, 255, .2)
}

.group:hover .group-hover\:font-normal {
    font-weight: 400
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.group:hover .group-hover\:text-white-500 {
    color: hsla(0, 0%, 100%, .5)
}

.group:hover .group-hover\:brightness-50 {
    --tw-brightness: brightness(.5);
    filter: var(--tw-filter)
}

@media (max-width:1279px) {
    .xl\:-top-8 {
        top: -2rem
    }

    .xl\:-right-8 {
        right: -2rem
    }

    .xl\:left-auto {
        left: auto
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:bottom-2 {
        bottom: .5rem
    }

    .xl\:-right-1\/4 {
        right: -25%
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:flex {
        display: flex
    }

    .xl\:hidden {
        display: none
    }

    .xl\:min-h-0 {
        min-height: 0
    }

    .xl\:w-full {
        width: 100%
    }

    .xl\:max-w-full {
        max-width: 100%
    }

    .xl\:max-w-700px {
        max-width: 700px
    }

    .xl\:flex-grow {
        flex-grow: 1
    }

    .xl\:rotate-75 {
        --tw-rotate: 75deg
    }

    .xl\:rotate-75,
    .xl\:scale-50 {
        transform: var(--tw-transform)
    }

    .xl\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:items-start {
        align-items: flex-start
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .xl\:p-4 {
        padding: 1rem
    }
}

@media (max-width:1121px) {
    .lg\:left-2\.5 {
        left: .625rem
    }

    .lg\:left-2 {
        left: .5rem
    }

    .lg\:top-1\/2 {
        top: 50%
    }

    .lg\:right-5 {
        right: 1.25rem
    }

    .lg\:left-\[20\%\] {
        left: 20%
    }

    .lg\:right-\[20px\] {
        right: 20px
    }

    .lg\:right-\[0px\] {
        right: 0
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:mb-2\.5 {
        margin-bottom: .625rem
    }

    .lg\:mb-2 {
        margin-bottom: .5rem
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }

    .lg\:mb-7\.5 {
        margin-bottom: 1.875rem
    }

    .lg\:mb-7 {
        margin-bottom: 1.75rem
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .lg\:mr-5 {
        margin-right: 1.25rem
    }

    .lg\:ml-2 {
        margin-left: .5rem
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:block {
        display: block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-screen {
        height: 100vh
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-\[95px\] {
        height: 95px
    }

    .lg\:max-h-screen {
        max-height: 100vh
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:\!w-full {
        width: 100% !important
    }

    .lg\:w-\[45px\] {
        width: 45px
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:\!max-w-full {
        max-width: 100% !important
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:flex-grow {
        flex-grow: 1
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: var(--tw-transform)
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .lg\:space-y-7\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
    }

    .lg\:space-y-7>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
    }

    .lg\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-y-9>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
    }

    .lg\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .lg\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
    }

    .lg\:space-x-2\.5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.625rem * var(--tw-space-x-reverse));
        margin-left: calc(.625rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:rounded-none {
        border-radius: 0
    }

    .lg\:rounded {
        border-radius: 20px
    }

    .lg\:rounded-b-mini {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .lg\:rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg\:border-b {
        border-bottom-width: 1px
    }

    .lg\:border-t {
        border-top-width: 1px
    }

    .lg\:border-white-100 {
        border-color: hsla(0, 0%, 100%, .1)
    }

    .lg\:border-white-300 {
        border-color: hsla(0, 0%, 100%, .3)
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:bg-orange-200 {
        background-color: rgba(255, 162, 67, .2)
    }

    .lg\:bg-green-200 {
        background-color: rgba(44, 255, 78, .2)
    }

    .lg\:bg-main-blue {
        --tw-bg-opacity: 1;
        background-color: rgba(64, 106, 255, var(--tw-bg-opacity))
    }

    .lg\:p-5 {
        padding: 1.25rem
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:p-3 {
        padding: .75rem
    }

    .lg\:py-2\.5 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .lg\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pl-10 {
        padding-left: 2.5rem
    }

    .lg\:pb-9 {
        padding-bottom: 2.25rem
    }

    .lg\:pl-2\.5 {
        padding-left: .625rem
    }

    .lg\:pl-2 {
        padding-left: .5rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-5 {
        padding-right: 1.25rem
    }

    .lg\:pl-5 {
        padding-left: 1.25rem
    }

    .lg\:pb-5 {
        padding-bottom: 1.25rem
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pr-10 {
        padding-right: 2.5rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:\!pb-0 {
        padding-bottom: 0 !important
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:text-\[30px\] {
        font-size: 30px
    }

    .lg\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .lg\:text-white-500 {
        color: hsla(0, 0%, 100%, .5)
    }

    .lg\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .lg\:hover\:\!bg-transparent:hover {
        background-color: transparent !important
    }
}

@media (max-width:767px) {
    .sm\:fixed {
        position: fixed
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:left-1\/4 {
        left: 25%
    }

    .sm\:bottom-\[-13px\] {
        bottom: -13px
    }

    .sm\:top-2\.5 {
        top: .625rem
    }

    .sm\:right-5 {
        right: 1.25rem
    }

    .sm\:top-2 {
        top: .5rem
    }

    .sm\:top-1 {
        top: .25rem
    }

    .sm\:right-1 {
        right: .25rem
    }

    .sm\:top-5 {
        top: 1.25rem
    }

    .sm\:-top-3\.5 {
        top: -.875rem
    }

    .sm\:right-2\.5 {
        right: .625rem
    }

    .sm\:-top-3 {
        top: -.75rem
    }

    .sm\:right-2 {
        right: .5rem
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:left-\[-30px\] {
        left: -30px
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:bottom-\[-100px\] {
        bottom: -100px
    }

    .sm\:right-auto {
        right: auto
    }

    .sm\:top-\[130px\] {
        top: 130px
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:top-\[140px\] {
        top: 140px
    }

    .sm\:top-\[150px\] {
        top: 150px
    }

    .sm\:top-\[160px\] {
        top: 160px
    }

    .sm\:right-\[10px\] {
        right: 10px
    }

    .sm\:left-0 {
        left: 0
    }

    .sm\:top-16 {
        top: 4rem
    }

    .sm\:bottom-0 {
        bottom: 0
    }

    .sm\:top-\[-34px\] {
        top: -34px
    }

    .sm\:top-\[-90px\] {
        top: -90px
    }

    .sm\:left-auto {
        left: auto
    }

    .sm\:right-\[-100px\] {
        right: -100px
    }

    .sm\:-bottom-7\.5 {
        bottom: -1.875rem
    }

    .sm\:-right-1\.5 {
        right: -.375rem
    }

    .sm\:-bottom-7 {
        bottom: -1.75rem
    }

    .sm\:-right-1 {
        right: -.25rem
    }

    .sm\:-top-10 {
        top: -2.5rem
    }

    .sm\:top-\[35vh\] {
        top: 35vh
    }

    .sm\:left-\[-10\%\] {
        left: -10%
    }

    .sm\:bottom-\[-5\%\] {
        bottom: -5%
    }

    .sm\:-bottom-0 {
        bottom: 0
    }

    .sm\:top-\[25\%\] {
        top: 25%
    }

    .sm\:top-\[35\%\] {
        top: 35%
    }

    .sm\:right-\[25\%\] {
        right: 25%
    }

    .sm\:top-12 {
        top: 3rem
    }

    .sm\:left-2\.5 {
        left: .625rem
    }

    .sm\:left-2 {
        left: .5rem
    }

    .sm\:left-1\/2 {
        left: 50%
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:bottom-\[95\%\] {
        bottom: 95%
    }

    .sm\:left-6 {
        left: 1.5rem
    }

    .sm\:right-3 {
        right: .75rem
    }

    .sm\:left-3 {
        left: .75rem
    }

    .sm\:bottom-5 {
        bottom: 1.25rem
    }

    .sm\:top-\[43\%\] {
        top: 43%
    }

    .sm\:right-\[0px\] {
        right: 0
    }

    .sm\:right-\[20px\] {
        right: 20px
    }

    .sm\:right-9 {
        right: 2.25rem
    }

    .sm\:top-\[175px\] {
        top: 175px
    }

    .sm\:bottom-\[-20px\] {
        bottom: -20px
    }

    .sm\:top-\[-10px\] {
        top: -10px
    }

    .sm\:top-\[110\%\] {
        top: 110%
    }

    .sm\:top-\[32\%\] {
        top: 32%
    }

    .sm\:top-\[85\.5\%\] {
        top: 85.5%
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:right-\[-10px\] {
        right: -10px
    }

    .sm\:bottom-20 {
        bottom: 5rem
    }

    .sm\:left-\[-70px\] {
        left: -70px
    }

    .sm\:right-\[100px\] {
        right: 100px
    }

    .sm\:right-\[-8px\] {
        right: -8px
    }

    .sm\:top-20 {
        top: 5rem
    }

    .sm\:right-\[70px\] {
        right: 70px
    }

    .sm\:bottom-\[90px\] {
        bottom: 90px
    }

    .sm\:left-\[120px\] {
        left: 120px
    }

    .sm\:bottom-\[150px\] {
        bottom: 150px
    }

    .sm\:right-\[-40px\] {
        right: -40px
    }

    .sm\:left-\[-200px\] {
        left: -200px
    }

    .sm\:top-\[50px\] {
        top: 50px
    }

    .sm\:right-\[-300px\] {
        right: -300px
    }

    .sm\:bottom-\[80px\] {
        bottom: 80px
    }

    .sm\:bottom-3 {
        bottom: .75rem
    }

    .sm\:z-\[40\] {
        z-index: 40
    }

    .sm\:z-999999 {
        z-index: 999999
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-4 {
        order: 4
    }

    .sm\:order-6 {
        order: 6
    }

    .sm\:order-7 {
        order: 7
    }

    .sm\:order-3 {
        order: 3
    }

    .sm\:order-5 {
        order: 5
    }

    .sm\:\!order-8 {
        order: 8 !important
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:m-0\.5 {
        margin: .125rem
    }

    .sm\:\!mx-5 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important
    }

    .sm\:\!my-2\.5 {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }

    .sm\:\!my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:mx-1\.5 {
        margin-left: .375rem;
        margin-right: .375rem
    }

    .sm\:mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .sm\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .sm\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .sm\:my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .sm\:my-7 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .sm\:-mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    .sm\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-2\.5 {
        margin-bottom: .625rem
    }

    .sm\:mb-2 {
        margin-bottom: .5rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mb-7\.5 {
        margin-bottom: 1.875rem
    }

    .sm\:mb-7 {
        margin-bottom: 1.75rem
    }

    .sm\:mr-2\.5 {
        margin-right: .625rem
    }

    .sm\:mr-2 {
        margin-right: .5rem
    }

    .sm\:ml-2\.5 {
        margin-left: .625rem
    }

    .sm\:ml-2 {
        margin-left: .5rem
    }

    .sm\:ml-1 {
        margin-left: .25rem
    }

    .sm\:mt-2\.5 {
        margin-top: .625rem
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

    .sm\:mb-\[50px\] {
        margin-bottom: 50px
    }

    .sm\:mr-1\.5 {
        margin-right: .375rem
    }

    .sm\:mr-1 {
        margin-right: .25rem
    }

    .sm\:ml-1\.5 {
        margin-left: .375rem
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:mr-5 {
        margin-right: 1.25rem
    }

    .sm\:mt-7\.5 {
        margin-top: 1.875rem
    }

    .sm\:mt-7 {
        margin-top: 1.75rem
    }

    .sm\:mr-auto {
        margin-right: auto
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mt-\[20px\] {
        margin-top: 20px
    }

    .sm\:mb-\[30px\] {
        margin-bottom: 30px
    }

    .sm\:mt-\[332px\] {
        margin-top: 332px
    }

    .sm\:mt-\[100px\] {
        margin-top: 100px
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:-mt-16 {
        margin-top: -4rem
    }

    .sm\:mb-1\.5 {
        margin-bottom: .375rem
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mt-auto {
        margin-top: auto
    }

    .sm\:mb-auto {
        margin-bottom: auto
    }

    .sm\:-mr-2\.5 {
        margin-right: -.625rem
    }

    .sm\:-ml-2\.5 {
        margin-left: -.625rem
    }

    .sm\:-mr-2 {
        margin-right: -.5rem
    }

    .sm\:-ml-2 {
        margin-left: -.5rem
    }

    .sm\:mb-3\.5 {
        margin-bottom: .875rem
    }

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

    .sm\:mt-3 {
        margin-top: .75rem
    }

    .sm\:mt-\[-20px\] {
        margin-top: -20px
    }

    .sm\:mb-\[100px\] {
        margin-bottom: 100px
    }

    .sm\:mt-\[50\%\] {
        margin-top: 50%
    }

    .sm\:mt-\[10px\] {
        margin-top: 10px
    }

    .sm\:mb-\[0px\] {
        margin-bottom: 0
    }

    .sm\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .sm\:mr-\[10px\] {
        margin-right: 10px
    }

    .sm\:ml-\[14px\] {
        margin-left: 14px
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-\[165px\] {
        margin-top: 165px
    }

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

    .sm\:ml-\[20px\] {
        margin-left: 20px
    }

    .sm\:mr-\[20px\] {
        margin-right: 20px
    }

    .sm\:mt-16 {
        margin-top: 4rem
    }

    .sm\:\!mb-5 {
        margin-bottom: 1.25rem !important
    }

    .sm\:\!mb-1\.5 {
        margin-bottom: .375rem !important
    }

    .sm\:\!mb-1 {
        margin-bottom: .25rem !important
    }

    .sm\:\!mb-6 {
        margin-bottom: 1.5rem !important
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:block {
        display: block
    }

    .sm\:\!block {
        display: block !important
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:\!flex {
        display: flex !important
    }

    .sm\:hidden {
        display: none
    }

    .sm\:\!hidden {
        display: none !important
    }

    .sm\:h-510px {
        height: 510px
    }

    .sm\:h-screen {
        height: 100vh
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:h-3\/4 {
        height: 75%
    }

    .sm\:h-20 {
        height: 5rem
    }

    .sm\:h-7\.5 {
        height: 1.875rem
    }

    .sm\:h-7 {
        height: 1.75rem
    }

    .sm\:h-\[55px\] {
        height: 55px
    }

    .sm\:h-\[35px\] {
        height: 35px
    }

    .sm\:h-3\.5 {
        height: .875rem
    }

    .sm\:h-3 {
        height: .75rem
    }

    .sm\:h-\[44px\] {
        height: 44px
    }

    .sm\:h-\[75px\] {
        height: 75px
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-180px {
        height: 180px
    }

    .sm\:h-15 {
        height: 3.75rem
    }

    .sm\:h-\[252px\] {
        height: 252px
    }

    .sm\:h-\[232px\] {
        height: 232px
    }

    .sm\:h-\[212px\] {
        height: 212px
    }

    .sm\:h-\[192px\] {
        height: 192px
    }

    .sm\:h-\[20px\] {
        height: 20px
    }

    .sm\:h-\[15px\] {
        height: 15px
    }

    .sm\:h-\[400px\] {
        height: 400px
    }

    .sm\:h-\[65px\] {
        height: 65px
    }

    .sm\:h-\[220px\] {
        height: 220px
    }

    .sm\:h-200px {
        height: 200px
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-\[24px\] {
        height: 24px
    }

    .sm\:h-\[248px\] {
        height: 248px
    }

    .sm\:h-\[90px\] {
        height: 90px
    }

    .sm\:h-\[320px\] {
        height: 320px
    }

    .sm\:h-9 {
        height: 2.25rem
    }

    .sm\:h-400px {
        height: 400px
    }

    .sm\:h-1\.5 {
        height: .375rem
    }

    .sm\:h-1 {
        height: .25rem
    }

    .sm\:h-\[101\.5\%\] {
        height: 101.5%
    }

    .sm\:h-\[80px\] {
        height: 80px
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-300px {
        height: 300px
    }

    .sm\:h-\[53px\] {
        height: 53px
    }

    .sm\:h-\[180px\] {
        height: 180px
    }

    .sm\:h-\[207px\] {
        height: 207px
    }

    .sm\:h-40 {
        height: 10rem
    }

    .sm\:h-98px {
        height: 98px
    }

    .sm\:h-\[18px\] {
        height: 18px
    }

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-\[50px\] {
        height: 50px
    }

    .sm\:h-4 {
        height: 1rem
    }

    .sm\:h-64 {
        height: 16rem
    }

    .sm\:h-\[60px\] {
        height: 60px
    }

    .sm\:h-30 {
        height: 7.5rem
    }

    .sm\:h-6\.5 {
        height: 1.625rem
    }

    .sm\:h-2 {
        height: .5rem
    }

    .sm\:h-\[70px\] {
        height: 70px
    }

    .sm\:h-\[28px\] {
        height: 28px
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-48 {
        height: 12rem
    }

    .sm\:h-\[280px\] {
        height: 280px
    }

    .sm\:h-\[250px\] {
        height: 250px
    }

    .sm\:h-\[162px\] {
        height: 162px
    }

    .sm\:h-\[93px\] {
        height: 93px
    }

    .sm\:h-\[64px\] {
        height: 64px
    }

    .sm\:h-\[125px\] {
        height: 125px
    }

    .sm\:h-\[100px\] {
        height: 100px
    }

    .sm\:\!h-5 {
        height: 1.25rem !important
    }

    .sm\:\!h-4 {
        height: 1rem !important
    }

    .sm\:\!h-10 {
        height: 2.5rem !important
    }

    .sm\:\!h-full {
        height: 100% !important
    }

    .sm\:h-\[16px\] {
        height: 16px
    }

    .sm\:h-\[440px\] {
        height: 440px
    }

    .sm\:h-\[40px\] {
        height: 40px
    }

    .sm\:max-h-3\/4,
    .sm\:max-h-\[75vh\] {
        max-height: 75vh
    }

    .sm\:max-h-full {
        max-height: 100%
    }

    .sm\:max-h-100px {
        max-height: 100px
    }

    .sm\:max-h-\[170px\] {
        max-height: 170px
    }

    .sm\:max-h-\[175px\] {
        max-height: 175px
    }

    .sm\:max-h-\[90vh\] {
        max-height: 90vh
    }

    .sm\:\!max-h-\[100vh\] {
        max-height: 100vh !important
    }

    .sm\:max-h-\[240px\] {
        max-height: 240px
    }

    .sm\:max-h-\[50\%\] {
        max-height: 50%
    }

    .sm\:max-h-\[70px\] {
        max-height: 70px
    }

    .sm\:max-h-\[40px\] {
        max-height: 40px
    }

    .sm\:max-h-\[60px\] {
        max-height: 60px
    }

    .sm\:max-h-\[50px\] {
        max-height: 50px
    }

    .sm\:max-h-\[250px\] {
        max-height: 250px
    }

    .sm\:\!min-h-0 {
        min-height: 0 !important
    }

    .sm\:min-h-programDashboardMobile {
        min-height: 164px
    }

    .sm\:min-h-\[150px\] {
        min-height: 150px
    }

    .sm\:min-h-\[359px\] {
        min-height: 359px
    }

    .sm\:min-h-0 {
        min-height: 0
    }

    .sm\:min-h-\[60px\] {
        min-height: 60px
    }

    .sm\:min-h-\[80vh\] {
        min-height: 80vh
    }

    .sm\:min-h-\[80px\] {
        min-height: 80px
    }

    .sm\:min-h-full {
        min-height: 100%
    }

    .sm\:min-h-340px {
        min-height: 340px
    }

    .sm\:min-h-\[200px\] {
        min-height: 200px
    }

    .sm\:min-h-\[366px\] {
        min-height: 366px
    }

    .sm\:min-h-\[110px\] {
        min-height: 110px
    }

    .sm\:min-h-\[120px\] {
        min-height: 120px
    }

    .sm\:min-h-\[70vh\] {
        min-height: 70vh
    }

    .sm\:min-h-158px {
        min-height: 158px
    }

    .sm\:min-h-290px {
        min-height: 290px
    }

    .sm\:w-510px {
        width: 510px
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-screen {
        width: 100vw
    }

    .sm\:w-\[105px\] {
        width: 105px
    }

    .sm\:w-2\.5 {
        width: .625rem
    }

    .sm\:w-2 {
        width: .5rem
    }

    .sm\:w-\[300px\] {
        width: 300px
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-max {
        width: max-content
    }

    .sm\:w-20 {
        width: 5rem
    }

    .sm\:w-158px {
        width: 158px
    }

    .sm\:w-7\.5 {
        width: 1.875rem
    }

    .sm\:w-7 {
        width: 1.75rem
    }

    .sm\:w-\[120px\] {
        width: 120px
    }

    .sm\:w-\[44px\] {
        width: 44px
    }

    .sm\:w-\[335px\] {
        width: 335px
    }

    .sm\:w-\[315px\] {
        width: 315px
    }

    .sm\:w-\[20px\] {
        width: 20px
    }

    .sm\:w-\[15px\] {
        width: 15px
    }

    .sm\:w-\[322px\] {
        width: 322px
    }

    .sm\:w-\[160px\] {
        width: 160px
    }

    .sm\:w-\[0px\] {
        width: 0
    }

    .sm\:w-min {
        width: min-content
    }

    .sm\:w-\[200px\] {
        width: 200px
    }

    .sm\:w-0 {
        width: 0
    }

    .sm\:w-3\/4 {
        width: 75%
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-\[60px\] {
        width: 60px
    }

    .sm\:w-\[36px\] {
        width: 36px
    }

    .sm\:w-\[80vw\] {
        width: 80vw
    }

    .sm\:\!w-full {
        width: 100% !important
    }

    .sm\:w-9 {
        width: 2.25rem
    }

    .sm\:w-1\.5 {
        width: .375rem
    }

    .sm\:w-1 {
        width: .25rem
    }

    .sm\:w-\[16px\] {
        width: 16px
    }

    .sm\:w-\[50px\] {
        width: 50px
    }

    .sm\:w-\[228px\] {
        width: 228px
    }

    .sm\:w-\[220px\] {
        width: 220px
    }

    .sm\:\!w-\[calc\(100vw-40px\)\] {
        width: calc(100vw - 40px) !important
    }

    .sm\:w-98px {
        width: 98px
    }

    .sm\:w-\[18px\] {
        width: 18px
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-25 {
        width: 6.25rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:w-64 {
        width: 16rem
    }

    .sm\:w-\[30px\] {
        width: 30px
    }

    .sm\:w-30 {
        width: 7.5rem
    }

    .sm\:w-13 {
        width: 3.25rem
    }

    .sm\:w-15 {
        width: 3.75rem
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-6\.5 {
        width: 1.625rem
    }

    .sm\:w-3 {
        width: .75rem
    }

    .sm\:w-\[70px\] {
        width: 70px
    }

    .sm\:w-\[28px\] {
        width: 28px
    }

    .sm\:w-12 {
        width: 3rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-\[280px\] {
        width: 280px
    }

    .sm\:w-\[180px\] {
        width: 180px
    }

    .sm\:w-\[320px\] {
        width: 320px
    }

    .sm\:w-\[250px\] {
        width: 250px
    }

    .sm\:w-\[162px\] {
        width: 162px
    }

    .sm\:w-\[93px\] {
        width: 93px
    }

    .sm\:w-\[64px\] {
        width: 64px
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-\[100px\] {
        width: 100px
    }

    .sm\:w-\[150px\] {
        width: 150px
    }

    .sm\:w-\[275px\] {
        width: 275px
    }

    .sm\:w-\[140px\] {
        width: 140px
    }

    .sm\:w-3\.5 {
        width: .875rem
    }

    .sm\:min-w-full {
        min-width: 100%
    }

    .sm\:min-w-\[160px\] {
        min-width: 160px
    }

    .sm\:min-w-\[110px\] {
        min-width: 110px
    }

    .sm\:min-w-\[65px\] {
        min-width: 65px
    }

    .sm\:min-w-\[60px\] {
        min-width: 60px
    }

    .sm\:min-w-\[250px\] {
        min-width: 250px
    }

    .sm\:min-w-\[350px\] {
        min-width: 350px
    }

    .sm\:min-w-\[335px\] {
        min-width: 335px
    }

    .sm\:min-w-\[50px\] {
        min-width: 50px
    }

    .sm\:max-w-\[170px\] {
        max-width: 170px
    }

    .sm\:max-w-full {
        max-width: 100%
    }

    .sm\:max-w-100px {
        max-width: 100px
    }

    .sm\:max-w-220px {
        max-width: 220px
    }

    .sm\:max-w-180px {
        max-width: 180px
    }

    .sm\:max-w-\[336px\] {
        max-width: 336px
    }

    .sm\:\!max-w-\[100vw\] {
        max-width: 100vw !important
    }

    .sm\:max-w-\[80vw\] {
        max-width: 80vw
    }

    .sm\:max-w-\[70vw\] {
        max-width: 70vw
    }

    .sm\:max-w-\[90vw\] {
        max-width: 90vw
    }

    .sm\:max-w-\[200px\] {
        max-width: 200px
    }

    .sm\:max-w-\[200\%\] {
        max-width: 200%
    }

    .sm\:max-w-\[90px\] {
        max-width: 90px
    }

    .sm\:max-w-\[7\.5\%\] {
        max-width: 7.5%
    }

    .sm\:max-w-\[10\%\] {
        max-width: 10%
    }

    .sm\:max-w-\[20\%\] {
        max-width: 20%
    }

    .sm\:max-w-\[30\%\] {
        max-width: 30%
    }

    .sm\:max-w-\[175px\] {
        max-width: 175px
    }

    .sm\:\!max-w-full {
        max-width: 100% !important
    }

    .sm\:max-w-\[65px\] {
        max-width: 65px
    }

    .sm\:max-w-\[50px\] {
        max-width: 50px
    }

    .sm\:max-w-\[60px\] {
        max-width: 60px
    }

    .sm\:max-w-\[70px\] {
        max-width: 70px
    }

    .sm\:max-w-\[75px\] {
        max-width: 75px
    }

    .sm\:max-w-\[335px\] {
        max-width: 335px
    }

    .sm\:max-w-\[85\%\] {
        max-width: 85%
    }

    .sm\:max-w-\[300px\] {
        max-width: 300px
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:flex-auto {
        flex: 1 1 auto
    }

    .sm\:flex-shrink-0 {
        flex-shrink: 0
    }

    .sm\:flex-shrink {
        flex-shrink: 1
    }

    .sm\:flex-grow-0 {
        flex-grow: 0
    }
    .sm\:self-center {
        align-self : center;
    }

    .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: var(--tw-transform)
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: var(--tw-transform)
    }

    .sm\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: var(--tw-transform)
    }

    .sm\:-translate-x-0 {
        --tw-translate-x: 0px;
        transform: var(--tw-transform)
    }

    .sm\:rotate-90 {
        --tw-rotate: 90deg;
        transform: var(--tw-transform)
    }

    .sm\:scale-\[1\.4\] {
        --tw-scale-x: 1.4;
        --tw-scale-y: 1.4;
        transform: var(--tw-transform)
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .sm\:\!flex-row {
        flex-direction: row !important
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:\!items-end {
        align-items: flex-end !important
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:\!items-center {
        align-items: center !important
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:items-stretch {
        align-items: stretch
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:\!justify-end {
        justify-content: flex-end !important
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:\!justify-between {
        justify-content: space-between !important
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:justify-around {
        justify-content: space-around
    }

    .sm\:gap-\[18px\] {
        gap: 18px
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-\[24px\] {
        gap: 24px
    }

    .sm\:space-y-14>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3.5rem * var(--tw-space-y-reverse))
    }

    .sm\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .sm\:space-y-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-1>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
    }

    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
        margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-x-2\.5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.625rem * var(--tw-space-x-reverse));
        margin-left: calc(.625rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-7\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-7>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.75rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-2\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-\[70px\]>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(70px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(70px * var(--tw-space-y-reverse))
    }

    .sm\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .sm\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-x-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.375rem * var(--tw-space-x-reverse));
        margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.25rem * var(--tw-space-x-reverse));
        margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-9>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
    }

    .sm\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
    }

    .sm\:space-x-7\.5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.875rem * var(--tw-space-x-reverse));
        margin-left: calc(1.875rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-x-7>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.75rem * var(--tw-space-x-reverse));
        margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-3\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.875rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.875rem * var(--tw-space-y-reverse))
    }

    .sm\:overflow-auto {
        overflow: auto
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:overflow-x-auto {
        overflow-x: auto
    }

    .sm\:whitespace-nowrap {
        white-space: nowrap
    }

    .sm\:rounded-none {
        border-radius: 0
    }

    .sm\:rounded {
        border-radius: 20px
    }

    .sm\:rounded-full {
        border-radius: 9999px
    }

    .sm\:rounded-mini {
        border-radius: 10px
    }

    .sm\:rounded-\[20px\] {
        border-radius: 20px
    }

    .sm\:rounded-t-\[20px\] {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .sm\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .sm\:\!rounded-l-mini {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important
    }

    .sm\:border-b {
        border-bottom-width: 1px
    }

    .sm\:border-none {
        border-style: none
    }

    .sm\:bg-main-bg {
        --tw-bg-opacity: 1;
        background-color: rgba(24, 25, 26, var(--tw-bg-opacity))
    }

    .sm\:bg-black-light {
        background-color: #242526
    }

    .sm\:bg-transparent {
        background-color: transparent
    }

    .sm\:bg-black-verylight {
        background-color: hsla(0, 0%, 85%, .05)
    }

    .sm\:bg-\[\#3FDE7E\] {
        --tw-bg-opacity: 1;
        background-color: rgba(63, 222, 126, var(--tw-bg-opacity))
    }

    .sm\:bg-white-900 {
        background-color: hsla(0, 0%, 100%, .9)
    }

    .sm\:bg-\[\#359C5E\] {
        --tw-bg-opacity: 1;
        background-color: rgba(53, 156, 94, var(--tw-bg-opacity))
    }

    .sm\:bg-\[\#1F2D36\] {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 45, 54, var(--tw-bg-opacity))
    }

    .sm\:bg-\[\#1A262E\] {
        --tw-bg-opacity: 1;
        background-color: rgba(26, 38, 46, var(--tw-bg-opacity))
    }

    .sm\:bg-\[\#162026\] {
        --tw-bg-opacity: 1;
        background-color: rgba(22, 32, 38, var(--tw-bg-opacity))
    }

    .sm\:bg-main-blue {
        --tw-bg-opacity: 1;
        background-color: rgba(64, 106, 255, var(--tw-bg-opacity))
    }

    .sm\:bg-\[\#20AE59\] {
        --tw-bg-opacity: 1;
        background-color: rgba(32, 174, 89, var(--tw-bg-opacity))
    }

    .sm\:\!p-5 {
        padding: 1.25rem !important
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-2\.5 {
        padding: .625rem
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-\[2px\] {
        padding: 2px
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:\!p-2\.5 {
        padding: .625rem !important
    }

    .sm\:\!p-2 {
        padding: .5rem !important
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:\!p-0 {
        padding: 0 !important
    }

    .sm\:p-1 {
        padding: .25rem
    }

    .sm\:\!p-4 {
        padding: 1rem !important
    }

    .sm\:p-\[5px\] {
        padding: 5px
    }

    .sm\:p-3\.5 {
        padding: .875rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:py-2\.5 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .sm\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:\!px-2 {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .sm\:\!py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:py-13 {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    .sm\:py-\[50px\] {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .sm\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-4\.5 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .sm\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .sm\:py-\[22px\] {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .sm\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sm\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:\!py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .sm\:\!px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .sm\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sm\:py-1\.5 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .sm\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .sm\:pt-7\.5 {
        padding-top: 1.875rem
    }

    .sm\:pt-7 {
        padding-top: 1.75rem
    }

    .sm\:pl-5 {
        padding-left: 1.25rem
    }

    .sm\:pb-12 {
        padding-bottom: 3rem
    }

    .sm\:pt-20 {
        padding-top: 5rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-2\.5 {
        padding-left: .625rem
    }

    .sm\:pl-2 {
        padding-left: .5rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pr-5 {
        padding-right: 1.25rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

    .sm\:pr-6 {
        padding-right: 1.5rem
    }

    .sm\:pb-2\.5 {
        padding-bottom: .625rem
    }

    .sm\:pb-2 {
        padding-bottom: .5rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-14 {
        padding-top: 3.5rem
    }

    .sm\:pt-2\.5 {
        padding-top: .625rem
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pb-1\.5 {
        padding-bottom: .375rem
    }

    .sm\:pb-1 {
        padding-bottom: .25rem
    }

    .sm\:pb-13 {
        padding-bottom: 3.125rem
    }

    .sm\:pt-3 {
        padding-top: .75rem
    }

    .sm\:\!pb-12 {
        padding-bottom: 3rem !important
    }

    .sm\:\!pt-20 {
        padding-top: 5rem !important
    }

    .sm\:\!pt-10 {
        padding-top: 2.5rem !important
    }

    .sm\:\!pt-16 {
        padding-top: 4rem !important
    }

    .sm\:pb-10 {
        padding-bottom: 2.5rem
    }

    .sm\:pr-2\.5 {
        padding-right: .625rem
    }

    .sm\:pr-2 {
        padding-right: .5rem
    }

    .sm\:pt-10 {
        padding-top: 2.5rem
    }

    .sm\:pt-5 {
        padding-top: 1.25rem
    }

    .sm\:pb-\[30px\] {
        padding-bottom: 30px
    }

    .sm\:pr-\[60\%\] {
        padding-right: 60%
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-\[10px\] {
        font-size: 10px
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:text-\[15px\] {
        font-size: 15px
    }

    .sm\:text-\[14px\] {
        font-size: 14px
    }

    .sm\:text-\[22px\] {
        font-size: 22px
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-\[30px\] {
        font-size: 30px
    }

    .sm\:text-\[24px\] {
        font-size: 24px
    }

    .sm\:text-\[20px\] {
        font-size: 20px
    }

    .sm\:text-\[16px\] {
        font-size: 16px
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-\[18px\] {
        font-size: 18px
    }

    .sm\:text-\[45px\] {
        font-size: 45px
    }

    .sm\:text-\[32px\] {
        font-size: 32px
    }

    .sm\:text-mini {
        font-size: .625rem
    }

    .sm\:text-5px {
        font-size: .313rem
    }

    .sm\:text-\[6px\] {
        font-size: 6px
    }

    .sm\:text-\[4px\] {
        font-size: 4px
    }

    .sm\:font-bold {
        font-weight: 700
    }

    .sm\:font-medium {
        font-weight: 500
    }

    .sm\:font-normal {
        font-weight: 400
    }

    .sm\:font-light {
        font-weight: 300
    }

    .sm\:leading-30px {
        line-height: 30px
    }

    .sm\:leading-\[50px\] {
        line-height: 50px
    }

    .sm\:text-white-900 {
        color: hsla(0, 0%, 100%, .9)
    }

    .sm\:\!text-\[\#3FDE7E\] {
        --tw-text-opacity: 1 !important;
        color: rgba(63, 222, 126, var(--tw-text-opacity)) !important
    }

    .sm\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .sm\:text-white-500 {
        color: hsla(0, 0%, 100%, .5)
    }

    .sm\:opacity-50 {
        opacity: .5
    }

    .sm\:blur-500px {
        --tw-blur: blur(500px);
        filter: var(--tw-filter)
    }

    .sm\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
        filter: var(--tw-filter)
    }

    .sm\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 #0000);
        filter: var(--tw-filter)
    }

    .sm\:mobile-infoblock-base {
        min-width: 128px;
        min-height: 128px
    }

    .sm\:first\:pl-0:first-child {
        padding-left: 0
    }

    .sm\:last\:border-b-0:last-child {
        border-bottom-width: 0
    }

    .sm\:last\:pb-0:last-child {
        padding-bottom: 0
    }

    .sm\:last\:pr-0:last-child {
        padding-right: 0
    }
}

.show-loading-animation.rect-shape,
.show-loading-animation .rect-shape,
.show-loading-animation.round-shape,
.show-loading-animation .round-shape,
.show-loading-animation.text-row,
.show-loading-animation .text-row {
    animation: react-placeholder-pulse 1.5s infinite
}

@keyframes react-placeholder-pulse {
    0% {
        opacity: .6
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .6
    }
}

.CircularProgressbar {
    width: 100%;
    vertical-align: middle
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    transition: stroke-dashoffset .5s ease 0s
}

.CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    stroke-linecap: round
}

.CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle
}

.CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent
}

.carousel.carousel-slider .control-arrow,
.carousel .control-arrow {
    transition: all .25s ease-in;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    top: 20px;
    background: none;
    border: 0;
    font-size: 32px;
    cursor: pointer
}

.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.carousel-slider .control-arrow:before,
.carousel .control-arrow:before {
    margin: 0 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: ""
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit;
    display: none
}

.carousel .control-prev.control-arrow {
    left: 0
}

.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff
}

.carousel .control-next.control-arrow {
    right: 0
}

.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff
}

.carousel-root {
    outline: none
}

.carousel {
    position: relative;
    width: 100%
}

.carousel * {
    box-sizing: border-box
}

.carousel img {
    width: 100%;
    display: inline-block;
    pointer-events: none
}

.carousel .carousel {
    position: relative
}

.carousel .control-arrow {
    outline: 0;
    border: 0;
    background: none;
    top: 50%;
    margin-top: -13px;
    font-size: 18px
}

.carousel .thumbs-wrapper {
    margin: 20px;
    overflow: hidden
}

.carousel .thumbs {
    transition: all .15s ease-in;
    transform: translateZ(0);
    position: relative;
    list-style: none;
    white-space: nowrap
}

.carousel .thumb {
    transition: border .15s ease-in;
    display: inline-block;
    margin-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    border: 3px solid #fff;
    padding: 2px
}

.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none
}

.carousel .thumb.selected,
.carousel .thumb:hover {
    border: 3px solid #333
}

.carousel .thumb img {
    vertical-align: top
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow: hidden
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, .2)
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height .15s ease-in
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-direction: column;
    flex-flow: column
}

.carousel .slider-wrapper.axis-vertical {
    -ms-box-orient: horizontal;
    display: -moz-flex;
    display: flex
}

.carousel .slider-wrapper.axis-vertical .slider {
    flex-direction: column
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%
}

.carousel .slider.animated {
    transition: all .35s ease-in-out
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align: center
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0
}

.carousel .slide iframe {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 40px 40px;
    border: 0
}

.carousel .slide .legend {
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    opacity: .25;
    transition: opacity .35s ease-in-out
}

.carousel .control-dots {
    position: absolute;
    bottom: 0;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media (min-width:960px) {
    .carousel .control-dots {
        bottom: 0
    }
}

.carousel .control-dots .dot {
    transition: opacity .25s ease-in;
    opacity: .3;
    filter: alpha(opacity=30);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .9);
    background: #fff;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px
}

.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel .carousel-status {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9);
    color: #fff
}

.carousel:hover .slide .legend {
    opacity: 1
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    flex: 1
}

.Toastify__toast-icon {
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .7s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width:480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,
.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,
.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 100%;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right: 2px solid var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-BlackItalic.woff2) format("woff2");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-BlackItalic.eot);
    src: local("Rubik Black Italic"), local("Rubik-BlackItalic"), url(/fonts/Rubik/Rubik-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-BlackItalic.woff) format("woff"), url(/fonts/Rubik/Rubik-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-BoldItalic.eot);
    src: local("Rubik Bold Italic"), local("Rubik-BoldItalic"), url(/fonts/Rubik/Rubik-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-BoldItalic.woff) format("woff"), url(/fonts/Rubik/Rubik-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Light.eot);
    src: local("Rubik Light"), local("Rubik-Light"), url(/fonts/Rubik/Rubik-Light.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Light.woff) format("woff"), url(/fonts/Rubik/Rubik-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Medium.eot);
    src: local("Rubik Medium"), local("Rubik-Medium"), url(/fonts/Rubik/Rubik-Medium.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Medium.woff) format("woff"), url(/fonts/Rubik/Rubik-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Italic.eot);
    src: local("Rubik Italic"), local("Rubik-Italic"), url(/fonts/Rubik/Rubik-Italic.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Italic.woff) format("woff"), url(/fonts/Rubik/Rubik-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Bold.eot);
    src: local("Rubik Bold"), local("Rubik-Bold"), url(/fonts/Rubik/Rubik-Bold.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Bold.woff) format("woff"), url(/fonts/Rubik/Rubik-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-LightItalic.eot);
    src: local("Rubik Light Italic"), local("Rubik-LightItalic"), url(/fonts/Rubik/Rubik-LightItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-LightItalic.woff) format("woff"), url(/fonts/Rubik/Rubik-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Regular.eot);
    src: local("Rubik"), local("Rubik-Regular"), url(/fonts/Rubik/Rubik-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Regular.woff) format("woff"), url(/fonts/Rubik/Rubik-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-MediumItalic.eot);
    src: local("Rubik Medium Italic"), local("Rubik-MediumItalic"), url(/fonts/Rubik/Rubik-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-MediumItalic.woff) format("woff"), url(/fonts/Rubik/Rubik-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Rubik Mono One;
    src: url(/fonts/Rubik/Rubik-RubikMonoOne-Regular.eot);
    src: local("Rubik Mono One Regular"), local("RubikMonoOne-Regular"), url(/fonts/Rubik/Rubik-RubikMonoOne-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-RubikMonoOne-Regular.woff) format("woff"), url(/fonts/Rubik/Rubik-RubikMonoOne-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Rubik;
    src: url(/fonts/Rubik/Rubik-Black.eot);
    src: local("Rubik Black"), local("Rubik-Black"), url(/fonts/Rubik/Rubik-Black.eot?#iefix) format("embedded-opentype"), url(/fonts/Rubik/Rubik-Black.woff) format("woff"), url(/fonts/Rubik/Rubik-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

.font-montserrat {
    font-family: Montserrat, sans-serif
}

.font-poppins {
    font-family: Poppins, sans-serif
}

body {
    top: 0 !important;
    font-family: Rubik, PingFang SC;
    background-color: #18191a
}

.level_carousel .rec-item-wrapper {
    height: 100%
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/_next/static/media/triangle_down.72a2d218795ba71ff744d40bb5f0b51d.svg) no-repeat 0;
    background-position: calc(100% - 15px) 50%;
    background-size: 8px
}

.hexagon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.hexagon-1,
.hexagon-2 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.hexagon-1 {
    transform: rotate(60deg)
}

.hexagon-2 {
    transform: rotate(-60deg)
}

.hexagon a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    line-height: 86px;
    text-decoration: none;
    font-size: 10px
}

.hexagon-1,
.hexagon-2,
.hexagon a {
    border-radius: 10px
}

.react-tabs__tab-list {
    border-bottom: 1px solid #406aff !important
}

.react-tabs__tab {
    color: #fff !important
}

.react-tabs__tab--selected {
    background: #406aff !important;
    color: #fff !important;
    border-color: #406aff !important
}

.goog-te-gadget-simple {
    display: flex;
    background-color: transparent;
    border: transparent;
    color: #fff !important;
    overflow: hidden;
    align-items: center
}

.goog-te-gadget-simple span:first-of-type {
    display: flex !important;
    color: #fff
}

.goog-te-gadget-simple span:not(:first-of-type) {
    display: none
}

.goog-te-banner-frame.skiptranslate {
    position: static;
    margin-top: 4rem;
    display: none !important
}

.goog-te-menu-frame.goog-te-menu2 {
    background-color: red
}

@media(max-width:1121px) {
    .hide_select__translate .skiptranslate span {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        color: transparent
    }
}

.goog-te-menu2 {
    overflow: auto
}

.goog-te-gadget-simple img {
    opacity: 0;
    margin-right: 6px
}

.goog-te-menu-value {
    display: inline-flex;
    align-items: center
}

.goog-te-menu-value span:nth-of-type(2) {
    display: none
}

.goog-te-menu-value span {
    display: inline-flex;
    color: #fff;
    align-items: center
}

.goog-te-menu-value span:last-child {
    display: none
}

#goog-gt-tt {
    display: none !important
}

.goog-te-menu-value img,
.skiptranslate iframe {
    display: none
}

::-webkit-scrollbar {
    width: 7.5px;
    height: 7.5px
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .25);
    border-radius: 20px
}

.bg_bronze_gradient {
    background: linear-gradient(274.89deg, #ffba81 -5.31%, #c26748 35.96%, #b2513b 59.62%, #ffba81 100.51%);
    -webkit-mask: linear-gradient(274.89deg, #ffba81 -5.31%, #c26748 35.96%, #b2513b 59.62%, #ffba81 100.51%);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.text_bronze_gradient {
    background: linear-gradient(274.89deg, #ffba81 -5.31%, #c26748 35.96%, #b2513b 59.62%, #ffba81 100.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.activate_steps_banner {
    background: linear-gradient(96deg, #478cf3 .55%, #2a76e9 102.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.border_bronze_gradient {
    background: linear-gradient(#242526, #242526) padding-box, linear-gradient(274.89deg, #ffba81 -5.31%, #c26748 35.96%, #b2513b 59.62%, #ffba81 100.51%);
    border: 4px solid transparent
}

.bg_silver_gradient {
    background: linear-gradient(274.89deg, #eaeaea -5.31%, #afafaf 35.96%, #8c8c8c 59.62%, #f5f5f5 100.51%);
    -webkit-mask: linear-gradient(274.89deg, #eaeaea -5.31%, #afafaf 35.96%, #8c8c8c 59.62%, #f5f5f5 100.51%);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.border_social_avatar {
    background: linear-gradient(#9e28ff, #ff3f70, #ffc801) padding-box;
    border: 4px solid transparent
}

.text_silver_gradient {
    background: linear-gradient(274.89deg, #eaeaea -5.31%, #afafaf 35.96%, #8c8c8c 59.62%, #f5f5f5 100.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.border_silver_gradient {
    background: linear-gradient(#242526, #242526) padding-box, linear-gradient(274.89deg, #eaeaea -5.31%, #afafaf 35.96%, #8c8c8c 59.62%, #f5f5f5 100.51%);
    border: 4px solid transparent
}

.border_profile_socials {
    background: linear-gradient(90.03deg, #e644f8 -8.27%, #9fa3ff 50.55%, #82d2ff 113.36%), linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2))
}

.bg_gold_gradient {
    -webkit-mask: linear-gradient(274.89deg, #ffe663 -5.31%, #c39c42 35.96%, #af8d2c 59.62%, #ffe467 100.51%);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.bg_gold_gradient,
.text_gold_gradient {
    background: linear-gradient(274.89deg, #ffe663 -5.31%, #c39c42 35.96%, #af8d2c 59.62%, #ffe467 100.51%)
}

.text_gold_gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.border_gold_gradient {
    background: linear-gradient(#242526, #242526) padding-box, linear-gradient(274.89deg, #ffe663 -5.31%, #c39c42 35.96%, #af8d2c 59.62%, #ffe467 100.51%);
    border: 4px solid transparent
}

.maxQore_main_button {
    background: linear-gradient(180deg, #2dd43e, #3f9147)
}

.maxQore_main_button_shadow {
    box-shadow: 0 0 19px 0 #55ff85b2
}

.maxQore_title_gradient {
    background: linear-gradient(180deg, #c9ffb6, rgba(0, 255, 102, .3));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone
}

.maxQore_border_color {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(45, 212, 62, .2))
}

.maxQore_shadow {
    box-shadow: 0 50px 190px -100px #00000066
}

.maxQore_features_shadow {
    box-shadow: inset 0 -2.0370528698px 2.5463161469px 0 #43e32933;
    box-shadow: 0 0 45.8336868286px 0 #43e32933
}

.maxQore_features_shadow_cycle {
    box-shadow: inset 0 -2.0370526314px 2.5463159084px 0 #28cbd733;
    box-shadow: 0 0 45.8336791992px 0 #28cbd733
}

.maxQore_features_shadow_orange {
    box-shadow: inset 0 -2.0370531082px 2.5463159084px 0 #fdc63733;
    box-shadow: 0 0 45.8336868286px 0 #fdc63733
}

.maxQore_features_shadow_green {
    box-shadow: inset 0 -2.0370528698px 2.5463161469px 0 #43e32933;
    box-shadow: 0 0 45.8336868286px 0 #43e32933
}

.maxQore_features_shadow_blue {
    box-shadow: inset 0 -2.0370528698px 2.5463161469px 0 #13aafe33;
    box-shadow: 0 0 45.8336868286px 0 #13aafe33
}

.maxQore_features_shadow_red {
    box-shadow: inset 0 -2.0370528698px 2.5463161469px 0 #f5254a33;
    box-shadow: 0 0 45.8336868286px 0 #f5254a33
}

.maxQore_features_shadow_spillover {
    box-shadow: inset 0 -2.0370526314px 2.5463159084px 0 #32f19633;
    box-shadow: 0 0 45.8336791992px 0 #32f19633
}

.maxQore_features_bg_cycle {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(40, 203, 215, .2))
}

.maxQore_features_bg_orange {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(253, 198, 55, .2))
}

.maxQore_features_bg_green {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(42, 226, 93, .2))
}

.maxQore_features_bg_blue {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(19, 170, 254, .2))
}

.maxQore_features_bg_red {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(245, 37, 74, .2))
}

.maxQore_features_bg_spillover {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(50, 241, 150, .2))
}

.maxQore_button_bg {
    background: linear-gradient(0deg, rgba(35, 35, 35, .1), rgba(35, 35, 35, .1))
}

.maxQore_levels_bg {
    background: linear-gradient(180deg, rgba(58, 134, 176, .18), rgba(58, 134, 176, .03)), linear-gradient(180deg, hsla(0, 0%, 100%, .02), rgba(55, 207, 255, .2))
}

.btn_gradient_purp_orange {
    background: linear-gradient(270deg, #ffa243 -5.5%, #d03a94 41.39%, #6439d0 85.95%, #406aff 127.13%)
}

.btn_gradient_purp_orange:hover {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), linear-gradient(270deg, #ffa243 -5.5%, #d03a94 41.39%, #6439d0 85.95%, #406aff 127.13%)
}

.btn_gradient_purp_orange:active {
    background: linear-gradient(270deg, #ffa243 -5.5%, #d03a94 41.39%, #6439d0 85.95%, #406aff 127.13%)
}

.calc_title-gradient {
    max-width: -moz-max-content;
    max-width: max-content;
    background: linear-gradient(180deg, #ffbe47, #ff4eaa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone
}

.nft-pdf-gradient {
    background: linear-gradient(129.35deg, #1a1921, #301857 120.26%)
}

.nft-button-gradient {
    background: linear-gradient(90.03deg, #e644f8 -8.27%, #9fa3ff 50.55%, #82d2ff 113.36%)
}

.puma-labs-gradient {
    background: linear-gradient(0deg, #e644f8, #e644f8)
}

.open-sea-gradient {
    background: linear-gradient(94.48deg, #2bcde4 1.2%, #1868b7 111.59%)
}

.nft-shadow {
    box-shadow: -10px -10px 80px -35px #e644f8, 10px 10px 80px -35px #82d2ff
}

.text-main-gradient {
    max-width: -moz-max-content;
    max-width: max-content;
    background: linear-gradient(270deg, #ffa243 -5.5%, #d03a94 41.39%, #6439d0 85.95%, #406aff 127.13%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone
}

.nftCard-lineGradient {
    background: linear-gradient(156.8deg, #e644f8 .15%, #9fa3ff 48.44%, #82d2ff)
}

.nftCard-lineGradient,
.nftCard-wrapper {
    box-shadow: -16.1698px -22.6378px 97.019px -48.5095px rgba(70, 46, 140, .86), 16.9783px 34.7651px 80.8491px 16.1698px rgba(0, 0, 0, .25)
}

.nftCard-wrapper {
    background: linear-gradient(156.8deg, #2d273f -17.88%, #120b26 107.59%)
}

.avatar_gradient {
    background: linear-gradient(65deg, #4e018c 10%, #f2c5d1 50%, #027caa 70%)
}

.social-dashboardButton {
    background: linear-gradient(85.19deg, #9e28ff -25.16%, #ff3f70 54.81%, #ffc801 141.45%);
    box-shadow: 5px 0 30px rgba(255, 124, 63, .2), -5px 0 30px rgba(197, 50, 199, .2)
}

.nftCard__power-wrapper {
    background: linear-gradient(138.11deg, hsla(0, 0%, 100%, .1) -161.7%, hsla(0, 0%, 100%, 0) 111.81%)
}

.nft-section-1 {
    background-image: url(/nft/section-1-desktop.png);
    background-size: cover;
    box-shadow: 0 40px 40px -20px rgba(0, 0, 0, .5)
}

@media(max-width:767px) {
    .nft-section-1 {
        background-image: url(/nft/section-1-mobile.png)
    }
}

.nft-section-2 {
    background-image: url(/nft/section-2-desktop.png);
    background-size: cover
}

@media(max-width:767px) {
    .nft-section-2 {
        background-image: none
    }
}

.nft-section-3 {
    background-image: url(/nft/section-3-desktop.png);
    background-size: cover;
    box-shadow: 0 -40px 40px -20px rgba(0, 0, 0, .5)
}

@media(max-width:767px) {
    .nft-section-3 {
        background-image: url(/nft/section-3-mobile.png)
    }

    .nft-wrapper {
        background-image: url(/nft/wrapper-mobile.png);
        background-size: cover
    }
}

.nft-binance-bg {
    background-image: url(/nft/binance-bg.png);
    background-size: cover;
    background-position: 50%
}

.ambassador-lineGradient {
    background: linear-gradient(92.85deg, #42c6ac 31.59%, #3e8fcb 49.81%, #8c50e1 78.77%, #42c6ac 94.07%)
}

.ambassador-buttonGradient {
    background: radial-gradient(102.97% 110% at 49% -10%, #7bf2d4 0, #9d44ff 100%)
}

.Toastify__toast-container {
    z-index: 2147483610 !important
}

.xQore-firstLine {
    width: 42.5px;
    height: 42.5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 100%
}

.xQore-firstLine div>div:first-child {
    position: absolute;
    top: -20%;
    left: 27.5%;
    transform: rotate(-120deg)
}

.xQore-firstLine div>div:nth-child(2) {
    position: absolute;
    top: 55%;
    left: -10%;
    transform: rotate(60deg)
}

.xQore-firstLine div>div:nth-child(3) {
    position: absolute;
    top: 55%;
    left: 65%;
    transform: rotate(120deg)
}

.xQore-wrapper {
    width: 90px;
    height: 90px;
    flex: none;
    position: relative
}

.xQore-wrapper>div:first-child {
    transform: rotate(180deg);
    position: absolute;
    left: 22.5%;
    top: -10%
}

.xQore-wrapper>div:nth-child(2) {
    transform: rotate(55deg);
    position: absolute;
    left: -7.5%;
    top: 40%
}

.xQore-wrapper>div:nth-child(3) {
    transform: rotate(-55deg);
    position: absolute;
    left: 52.5%;
    top: 40%
}

.xQore-wrapper .place-4 {
    margin-top: -7px;
    margin-left: -12px
}

.xQore-wrapper .place-5 {
    margin-top: 3px
}

.xQore-wrapper .place-6 {
    margin-top: -7px;
    margin-right: -12px
}

.xQore-wrapper .place-7 {
    margin-top: -7px;
    margin-left: -10px
}

.xQore-wrapper .place-8 {
    margin-top: 3px
}

.xQore-wrapper .place-9 {
    margin-right: -12px;
    margin-top: -5px
}

.xQore-wrapper .place-10 {
    margin-top: -5px;
    margin-left: -12px
}

.xQore-wrapper .place-11 {
    margin-top: 3px
}

.xQore-wrapper .place-12 {
    margin-right: -10px;
    margin-top: -7px
}

.xQore-big-wrapper {
    width: 338px;
    height: 338px;
    flex: none;
    position: relative
}

@media(max-width:757px) {
    .xQore-big-wrapper {
        width: 250px;
        height: 250px
    }
}

.xQore-big-wrapper>div:first-child {
    transform: rotate(180deg);
    position: absolute;
    left: 42%;
    top: -7%
}

@media(max-width:757px) {
    .xQore-big-wrapper>div:first-child {
        left: 44%;
        top: -20%
    }
}

.xQore-big-wrapper>div:first-child span {
    transform: rotate(180deg)
}

.xQore-big-wrapper>div:nth-child(2) {
    transform: rotate(55deg);
    position: absolute;
    left: 16%;
    top: 46%
}

@media(max-width:757px) {
    .xQore-big-wrapper>div:nth-child(2) {
        left: 11%;
        top: 42%
    }
}

.xQore-big-wrapper>div:nth-child(2) span {
    transform: rotate(-55deg)
}

.xQore-big-wrapper>div:nth-child(3) {
    transform: rotate(-55deg);
    position: absolute;
    left: 70%;
    top: 46%
}

@media(max-width:757px) {
    .xQore-big-wrapper>div:nth-child(3) {
        left: 76%;
        top: 42%
    }
}

.xQore-big-wrapper>div:nth-child(3) span {
    transform: rotate(55deg)
}

.xQore-big-wrapper .place-4 {
    margin-top: -20px;
    margin-right: 35px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-4 {
        margin-right: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-4 span {
    transform: rotate(180deg)
}

.xQore-big-wrapper .place-5 {
    margin-top: 3px
}

.xQore-big-wrapper .place-5 span {
    transform: rotate(180deg)
}

.xQore-big-wrapper .place-6 {
    margin-top: -20px;
    margin-left: 35px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-6 {
        margin-left: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-6 span {
    transform: rotate(180deg)
}

.xQore-big-wrapper .place-7 {
    margin-top: -20px;
    margin-right: 30px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-7 {
        margin-right: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-7 span {
    transform: rotate(-55deg)
}

.xQore-big-wrapper .place-8 {
    margin-top: 7px
}

.xQore-big-wrapper .place-8 span {
    transform: rotate(-55deg)
}

.xQore-big-wrapper .place-9 {
    margin-left: 30px;
    margin-top: -20px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-9 {
        margin-left: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-9 span {
    transform: rotate(-55deg)
}

.xQore-big-wrapper .place-10 {
    margin-top: -20px;
    margin-right: 30px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-10 {
        margin-right: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-10 span {
    transform: rotate(55deg)
}

.xQore-big-wrapper .place-11 {
    margin-top: 7px
}

.xQore-big-wrapper .place-11 span {
    transform: rotate(55deg)
}

.xQore-big-wrapper .place-12 {
    margin-left: 30px;
    margin-top: -20px
}

@media(max-width:757px) {
    .xQore-big-wrapper .place-12 {
        margin-left: 45px;
        margin-top: -25px
    }
}

.xQore-big-wrapper .place-12 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper {
    width: 338px;
    height: 338px;
    flex: none;
    position: relative
}

@media(max-width:757px) {
    .maxQore-big-wrapper {
        width: 250px;
        height: 250px
    }
}

.maxQore-big-wrapper>div:first-child {
    transform: rotate(180deg);
    position: absolute;
    left: 42%;
    top: -16%
}

@media(max-width:757px) {
    .maxQore-big-wrapper>div:first-child {
        left: 44%;
        top: -20%
    }
}

.maxQore-big-wrapper>div:first-child span {
    transform: rotate(180deg)
}

.maxQore-big-wrapper>div:nth-child(2) {
    transform: rotate(55deg);
    position: absolute;
    left: 7%;
    top: 42%
}

@media(max-width:757px) {
    .maxQore-big-wrapper>div:nth-child(2) {
        left: 7%;
        top: 42%
    }
}

.maxQore-big-wrapper>div:nth-child(2) span {
    transform: rotate(-55deg)
}

.maxQore-big-wrapper>div:nth-child(3) {
    transform: rotate(-55deg);
    position: absolute;
    left: 77%;
    top: 44%
}

@media(max-width:757px) {
    .maxQore-big-wrapper>div:nth-child(3) {
        left: 80%;
        top: 43%
    }
}

.maxQore-big-wrapper>div:nth-child(3) span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-4 {
    margin-top: -30px;
    margin-right: 35px;
    position: relative;
    left: 10px;
    top: 5px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-4 {
        margin-right: 32px;
        margin-top: -10px
    }
}

.maxQore-big-wrapper .place-4 span {
    transform: rotate(180deg)
}

.maxQore-big-wrapper .place-5 {
    position: relative;
    top: -10px;
    left: 7px;
    margin-top: 3px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-5 {
        top: 0
    }
}

.maxQore-big-wrapper .place-5 span {
    transform: rotate(180deg)
}

.maxQore-big-wrapper .place-6 {
    position: relative;
    left: -2px;
    top: 4px;
    margin-top: -30px;
    margin-left: 35px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-6 {
        margin-left: 32px;
        margin-top: -11px
    }
}

.maxQore-big-wrapper .place-6 span {
    transform: rotate(180deg)
}

.maxQore-big-wrapper .place-7 {
    margin-top: -38px;
    margin-right: 30px;
    position: relative;
    left: 3px;
    top: 2px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-7 {
        margin-right: 34px;
        margin-top: -22px
    }
}

.maxQore-big-wrapper .place-7 span {
    transform: rotate(-55deg)
}

.maxQore-big-wrapper .place-8 {
    position: relative;
    top: -14px;
    left: -2px;
    margin-top: 7px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-8 {
        left: -6px;
        top: 0
    }
}

.maxQore-big-wrapper .place-8 span {
    transform: rotate(-55deg)
}

.maxQore-big-wrapper .place-9 {
    margin-left: 30px;
    margin-top: -20px;
    position: relative;
    left: -7px;
    top: 6px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-9 {
        margin-left: 34px;
        margin-top: -8px
    }
}

.maxQore-big-wrapper .place-9 span {
    transform: rotate(-55deg)
}

.maxQore-big-wrapper .place-10 {
    margin-top: -20px;
    margin-right: 30px;
    position: relative;
    left: 15px;
    top: 5px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-10 {
        margin-right: 0;
        margin-top: -3px
    }
}

.maxQore-big-wrapper .place-10 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-11 {
    position: relative;
    top: -13px;
    right: -6px;
    margin-top: 7px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-11 {
        top: -2px;
        left: 32px
    }
}

.maxQore-big-wrapper .place-11 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-12 {
    margin-left: 30px;
    margin-top: -40px;
    position: relative;
    left: 4px;
    top: 7px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-12 {
        position: relative;
        left: 20px;
        top: -8px;
        margin-left: 45px;
        margin-top: -14px
    }
}

.maxQore-big-wrapper .place-12 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-13 {
    margin-left: -70px;
    margin-top: -36px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-13 {
        position: relative;
        left: 25px;
        top: 12px
    }
}

.maxQore-big-wrapper .place-13 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-14 {
    position: relative;
    top: -17px;
    left: -24px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-14 {
        position: relative;
        top: -40px;
        left: -36px
    }
}

.maxQore-big-wrapper .place-14 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-15 {
    margin-left: -44px;
    margin-top: 0
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-15 {
        position: relative;
        left: 2px;
        top: -11px
    }
}

.maxQore-big-wrapper .place-15 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-16 {
    margin-left: 6px;
    margin-top: -2px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-16 {
        position: relative;
        top: -7px;
        left: 1px
    }
}

.maxQore-big-wrapper .place-16 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-17 {
    margin-left: 16px;
    margin-top: 0;
    position: relative;
    top: 2px;
    left: -3px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-17 {
        position: relative;
        top: -6px;
        left: -5px
    }
}

.maxQore-big-wrapper .place-17 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-18 {
    margin-left: 16px;
    margin-top: -2px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-18 {
        position: relative;
        top: -9px;
        left: -7px
    }
}

.maxQore-big-wrapper .place-18 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-19 {
    margin-left: 92px;
    margin-top: 1px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-19 {
        position: relative;
        top: -9px;
        right: 19px
    }
}

.maxQore-big-wrapper .place-19 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-20 {
    margin-left: 14px;
    margin-top: -20px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-20 {
        position: relative;
        top: 0;
        right: 27px
    }
}

.maxQore-big-wrapper .place-20 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-21 {
    margin-left: 8px;
    margin-top: -48px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-21 {
        position: relative;
        top: 10px;
        right: 32px
    }
}

.maxQore-big-wrapper .place-21 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-22 {
    margin-left: -68px;
    margin-top: -34px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-22 {
        position: relative;
        top: 5px;
        right: -9px
    }
}

.maxQore-big-wrapper .place-22 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-23 {
    margin-left: -30px;
    margin-top: -12px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-23 {
        position: relative;
        top: -1px;
        right: -11px
    }
}

.maxQore-big-wrapper .place-23 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-24 {
    margin-left: -26px;
    margin-top: 6px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-24 {
        position: relative;
        top: -7px;
        right: -10px
    }
}

.maxQore-big-wrapper .place-24 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-25 {
    margin-left: -8px;
    margin-top: -6px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-25 {
        position: relative;
        right: -6px;
        top: -7px
    }
}

.maxQore-big-wrapper .place-25 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-26 {
    margin-left: 12px;
    margin-top: 2px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-26 {
        position: relative;
        right: 3px;
        top: -11px
    }
}

.maxQore-big-wrapper .place-26 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-27 {
    margin-left: 14px;
    margin-top: 4px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-27 {
        position: relative;
        right: 11px;
        top: -12px
    }
}

.maxQore-big-wrapper .place-27 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-28 {
    margin-left: 45px;
    margin-top: 11px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-28 {
        position: relative;
        top: -10px;
        right: 3px
    }
}

.maxQore-big-wrapper .place-28 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-29 {
    margin-left: 12px;
    margin-top: 2px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-29 {
        position: relative;
        top: -8px;
        right: 14px
    }
}

.maxQore-big-wrapper .place-29 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-30 {
    margin-left: 12px;
    margin-top: -14px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-30 {
        position: relative;
        top: -1px;
        right: 24px
    }
}

.maxQore-big-wrapper .place-30 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-31 {
    margin-left: -62px;
    margin-top: -32px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-31 {
        position: relative;
        top: 10px;
        right: -21px
    }
}

.maxQore-big-wrapper .place-31 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-32 {
    margin-left: -8px;
    margin-top: -8px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-32 {
        position: relative;
        top: -4px;
        right: -13px
    }
}

.maxQore-big-wrapper .place-32 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-33 {
    margin-left: -6px;
    margin-top: 6px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-33 {
        position: relative;
        top: -9px;
        right: -4px
    }
}

.maxQore-big-wrapper .place-33 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-34 {
    margin-left: 15px;
    margin-top: 1px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-34 {
        position: relative;
        top: -6px;
        right: 2px
    }
}

.maxQore-big-wrapper .place-34 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-35 {
    margin-left: 15px;
    margin-top: -1px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-35 {
        position: relative;
        top: -4px;
        right: 8px
    }
}

.maxQore-big-wrapper .place-35 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-36 {
    margin-left: 12px;
    margin-top: -8px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-36 {
        position: relative;
        top: -2px;
        right: 12px
    }
}

.maxQore-big-wrapper .place-36 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-37 {
    margin-left: 52px;
    margin-top: 8px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-37 {
        position: relative;
        top: -9px;
        right: 0
    }
}

.maxQore-big-wrapper .place-37 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-38 {
    margin-left: 6px;
    margin-top: -9px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-38 {
        position: relative;
        top: -4px;
        right: 5px
    }
}

.maxQore-big-wrapper .place-38 span {
    transform: rotate(55deg)
}

.maxQore-big-wrapper .place-39 {
    margin-left: 4px;
    margin-top: -32px
}

@media(max-width:757px) {
    .maxQore-big-wrapper .place-39 {
        position: relative;
        top: 3px;
        right: 12px
    }
}

.maxQore-big-wrapper .place-39 span {
    transform: rotate(55deg)
}

.rotate-242 {
    rotate: 242deg !important
}

.rotate-118 {
    rotate: 118deg !important
}

.invitexQore-wrapper {
    background-image: url(/xQore/invite/backgrounds/all.png);
    background-size: cover
}

@media(max-width:767px) {
    .invitexQore-wrapper {
        background-size: 100%
    }
}

.xQoreMainBanner-bg {
    background-image: url(/xQore/main_banner_big_bg.png);
    background-size: cover
}

@media(max-width:767px) {
    .xQoreMainBanner-bg {
        background-image: url(/xQore/main_banner_small_bg.png)
    }
}

.ql-container {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    background: #fefcfc
}

.ql-snow.ql-toolbar {
    display: block;
    background: #eaecec;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.ql-editor {
    min-height: 18em
}

.editorContent-wrapper>div {
    height: 100%
}

.editorContent-wrapper ul {
    list-style-type: circle;
    padding-left: 20px
}

.editorContent-wrapper h1 {
    font-size: 32px;
    font-weight: 600
}

.editorContent-wrapper h2 {
    font-size: 24px;
    font-weight: 500
}

.makeIdea-button-wrapper {
    background: radial-gradient(127.6% 904.04% at 104.81% 8.75%, #ffa243 0, #d03a94 35.36%, #6439d0 68.95%, #406aff 100%)
}

.makeIdea-categories {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.makeIdea-categories::-webkit-scrollbar {
    display: none
}

.login-wrapper .slider-wrapper {
    padding-top: 50px
}

@media(max-width:767px) {
    .login-wrapper .slider-wrapper {
        padding: 0
    }
}

.idea-lineGradient {
    background: linear-gradient(210deg, #ffa243 31.59%, #d03a94 49.81%, #6439d0 78.77%, #406aff 94.07%)
}

.fix-alertGradient {
    background: radial-gradient(94.82% 155.88% at 0 0, #4e99f1 0, #2963d3 100%)
}

.achievementsModalBg {
    background: linear-gradient(90deg, #7534ff, #ab21ff)
}

.banners-notifybot-wrapper {
    background-image: url(/banners/notifybot/background.png);
    background-size: cover
}

@media(max-width:767px) {
    .banners-notifybot-wrapper {
        background-image: url(/banners/notifybot/background-mobile.png);
        background-size: cover;
        background-position: bottom
    }
}

.hideScrollbar::-webkit-scrollbar {
    display: none
}

.heartAnimate {
    animation: ping .8s cubic-bezier(0, 0, .2, .5) 1.5ms
}

@keyframes ping {

    50%,
    75%,
    to {
        transform: scale(3);
        opacity: 0
    }
}

.socialLoading-image {
    animation: bounce 2s infinite
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(-5%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.socialLoading-spin {
    animation: spin 2.5s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(max-width:767px) {
    .mobile-width-line {
        width: calc(100% - 79px) !important
    }
}

.contest_background {
    background: linear-gradient(138.17deg, #ffa243 -160.62%, #d03a94 -51.84%, #6439d0 51.53%, #406aff 147.05%)
}

.border_image_contest {
    background: linear-gradient(313.45deg, #ffd643 -1.33%, #3ad0b5 84.12%)
}

.contest_map_green {
    background: linear-gradient(313.45deg, #74ff43 -1.33%, #3ad0b5 84.12%)
}

.contest_map_yellow {
    background: linear-gradient(313.45deg, #ceff43 -1.33%, #cdd03a 84.12%)
}

.contest_map_orange {
    background: linear-gradient(313.45deg, #ffca43 -1.33%, #ff8c38 84.12%)
}

.contest_map_red {
    background: linear-gradient(313.45deg, #ff753a -1.33%, #e80000 84.12%)
}

.contest_timer_shadow {
    box-shadow: inset 0 0 5px 0 #00000040
}

.maxQore_main_banner {
    background: radial-gradient(76.49% 117.06% at 6.29% 5.56%, #1e1e1e 0, #1f1f1f 100%)
}

.maxQore_main_timer_shadow {
    box-shadow: 0 0 20px 0 #2dcf3e4d, 0 7px 10px 0 #00000040, inset 0 0 10px 0 #ffffffbf
}

.spots_button_x3_bg {
    background: linear-gradient(180deg, rgba(58, 105, 176, .6), rgba(58, 119, 176, .1))
}

.spots_button_x4_bg {
    background: linear-gradient(180deg, rgba(119, 55, 255, .6), rgba(119, 55, 255, .1))
}

.spots_button_xXx_bg {
    background: linear-gradient(180deg, rgba(208, 58, 148, .6), rgba(208, 58, 148, .1))
}

.spots_button_xGold_bg {
    background: linear-gradient(180deg, rgba(255, 202, 67, .6), rgba(255, 202, 67, .1))
}

.spots_button_xQore_bg {
    background: linear-gradient(155.33deg, rgba(45, 202, 213, .6) 9.18%, rgba(45, 202, 213, 0) 130.69%)
}

.spots_button_maxQore_bg {
    background: linear-gradient(155.33deg, rgba(67, 210, 81, .6) 9.18%, rgba(45, 202, 213, 0) 130.69%)
}

.spots_activate_button_bg {
    background: linear-gradient(180deg, #00e640, #1f800f), linear-gradient(0deg, #4fff40, #4fff40)
}

.invite_page_info_bg {
    background: linear-gradient(180deg, rgba(85, 33, 109, 0), #625269)
}

.invte_page_register_bg {
    background: linear-gradient(180deg, #7d40ff, #ab40ff)
}

.invite_page_busd_bnb {
    background: linear-gradient(172.95deg, #ffdb5a 15.29%, #ba8600 79.4%), linear-gradient(0deg, #fff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone
}

.maxQore_logo_shadow {
    box-shadow: 0 0 11.2234678268px 0 #3ef050, 0 0 22.4469356537px 0 #3ef050, 0 0 78.5642776489px 0 #3ef050, 0 0 157.1285552979px 0 #3ef050, 0 0 269.3632202148px 0 #3ef050, 0 0 471.3856506348px 0 #3ef050
}

.game_chanses_buy {
    background: linear-gradient(0deg, rgba(63, 222, 126, .3), rgba(63, 222, 126, .3))
}

.mq_lottery_bg {
    background: linear-gradient(180deg, rgba(58, 134, 176, .18), rgba(58, 134, 176, .03))
}

.mq_lottery_shadow {
    box-shadow: inset 0 -30px 40px -20px #37f3ff0d, 0 104px 90px -70px #00000080
}

.mq_lottery_table_bg {
    background: linear-gradient(180deg, #1f2d36, #191d1f)
}

.mq_lottery_modal_bg {
    background: linear-gradient(163.42deg, #00c54f 3.92%, #00411a 93.55%)
}

.mq_lottery_timer_border {
    background: linear-gradient(180deg, rgba(45, 212, 62, 0), rgba(45, 212, 62, .4))
}

.mq_lottery_timer_bg {
    background: linear-gradient(180deg, #151b20, #202020), linear-gradient(180deg, rgba(45, 212, 62, 0), rgba(45, 212, 62, .4));
    box-shadow: inset 0 -4.9927430153px 4.9927430153px 0 #2dd43e0f, 0 -4.9927430153px 14.9782295227px 0 #2dd43e1a, inset 0 4.9927430153px 4.9927430153px 0 #0000001a
}

.mq_lottery_timer_button {
    box-shadow: 0 0 10px 0 #4df85f
}

.mq_lottery_timer_color {
    background: linear-gradient(155deg, #2dd43e 9.18%, rgba(45, 212, 62, 0) 130.69%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mq_lottery_timer_text_shadow {
    text-shadow: 0 0 19.9709720612px;
    color: #2dd43e4d
}

.mq_lottery_ticketModal_bg {
    background: linear-gradient(180deg, #467651, #07340e)
}

.radius {
    width: 5em;
    height: 10em;
    border: 2px solid red;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    background: #ffe4e1
}

.floating-animation {
    box-sizing: border-box;
    transform: translatey(0);
    animation: floating 8.5s ease-in-out infinite
}

@keyframes floating {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-40px)
    }

    to {
        transform: translatey(0)
    }
}

.game_banner_shadow {
    filter: drop-shadow(0 0 11.2234678268px #3EF050) drop-shadow(0 0 22.4469356537px #3EF050) drop-shadow(0 0 78.5642776489px #3EF050)
}

.custom_invite_pdf_bg {
    background: linear-gradient(93.65deg, #00818a 14.04%, #004ca6)
}

.creat_PDF_button_bg {
    background: linear-gradient(180deg, rgba(55, 147, 255, .9), rgba(55, 195, 255, .5));
    box-shadow: inset 0 0 2px 0 #ffffffbf, 0 0 20px 0 #406aff4d, 0 4px 4px 0 #00000040
}

.custom_invite_modal_bg1 {
    background: linear-gradient(0deg, rgba(39, 40, 41, .5), rgba(39, 40, 41, .5)), linear-gradient(94deg, #00818a 14.04%, #004ca6)
}

.custom_invite_modal_bg2 {
    background: linear-gradient(93.65deg, #00818a 14.04%, #004ca6)
}

.custom_invite_select_bg {
    background: linear-gradient(0deg, hsla(0, 0%, 85%, .2), hsla(0, 0%, 85%, .2))
}

.frgx-buy-border {
    background: conic-gradient(from -90deg at 50% 50%, #1df49a 0deg, #f4911d 91.88deg, #c91df4 178.77deg, #6f1adb 270deg, #1df49a 1turn)
}

.frgx-background {
    background-image: url(/banners/frgx/bg.png);
    background-size: cover;
    background-position: 100%
}

@media(max-width:767px) {
    .frgx-background {
        background-image: url(/banners/frgx/bg-mobile.png)
    }
}

.frgx-banner-border {
    background: conic-gradient(from -90deg at 50% 50%, #1df49a 0deg, #f4911d 91.88deg, #c91df4 178.77deg, #6f1adb 270deg, #1df49a 1turn)
}

.frgx-balance-shadow {
    box-shadow: 0 0 10px 0 rgba(122, 231, 255, .25), inset 0 0 4px 0 rgba(164, 233, 255, .25)
}